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
