操作dom中的setAttribute(n,m)以及对dom的理解。

本文链接：https://blog.youkuaiyun.com/weixin_46483221/article/details/105637742

文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(目前,HTML和XML文档是通过说明部分定义的)。文档可以进一步被处理，处理的结果可以加入到当前的页面。DOM是一种基于树的API文档，它要求在处理过程中整个文档都表示在存储器中。另外一种简单的API是基于事件的SAX，它可以用于处理很大的XML文档，由于大，所以不适合全部放在存储器中处理

所有主要浏览器都支持 setAttribute() 方法
Internet Explorer 8 及更早 IE 版本不支持该方法。

语法

element.setAttribute(attributename,attributevalue)

attributename（参数）String(类型) 你要添加的属性名称（描述）。
attributevalue(参数) String 必须。你要添加的属性值。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<input value="OK">

<p id="demo">点击下面的按钮来设置按钮的类型属性。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	document.getElementsByTagName("INPUT")[0].setAttribute("type","button"); 
};
</script>
<p>Internet Explorer 8 及更早的版本不支持 setAttribute 方法。</p>

</body>
</html>