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="50px;height:50px;/> <p id="sc"></p> <button onClick="my()">点我</button> </body> </html>
返回结果就是:50px;height:50px