dom操作

dom操作(document object model操作对象模型)：找到一个元素，操作一个元素（修改，删除元素）

找元素（操作方法）或者叫对象方法：

                                 1，document.getElementById()方法通过返回带有指定Id的元素

                                 2，document.getElementByTagname()返回带有指定标签名称的元素

                                 3，document.getElementByClassName()返回带有指定类名的所有元素

HTML DOM Element 对象

                                 element对象表示html元素（标签），元素可以拥有属性。

                                element.getAttribute:返回元素的指定属性值

                                例如：document.getElementsByTagName("img")[0].getAttribute("style");获取页面中第一个标签名为img的style属性值;

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
  <script>
//定义一个函数
     function my(){
//找html中的标签名为img的第一个img
    var aaa=document.getElementsByTagName("img")[0];
//将获取的img的style的属性值返回到p标签段落里
    document.getElementById("sc").innerHTML=aaa.getAttribute("style");
    }
  </script>
<body>
//定义一个图片
    <img src="img/1.png" style="width:50px;height:50px;/>
    <p id="sc"></p>
    <button onClick="my()">点我</button>
</body>
</html>

 返回结果就是：width:50px;height:50px

 

posted @ 2018-03-28 08:49  wfc139  阅读(134)  评论(0)    收藏  举报