38.认识DOM及获取元素

Posted 2021-03-03 yzdwd

JS 分三个部分： ECMAScript(基本语法)    DOM    BOM

DOM:  Document  Object   Model  文档对象模型（操纵 html 行内css)

站在js角度：html标签叫做节点

 

DOM 总共12种节点：

先了解：

 

 

nodeType 获取节点数字类型：

 

　　　　　　　　　　　　

 

 

nodeName 获取标签的名字：

 

　　　　　　　　　　　　

 

 

 

 

nodeValue :返回文本节点与注释节点的内容

 

 

 

 

 

attributes:返回节点的属性集合：

 

　　　　　　　　　　　　

 

 

获取元素：

 

　　　　1.document.documentElement

 

　　　　　

 

 

　　　 2.document.getElemnetById() //通过id获取文档节点

 

、　　　　 //获取元素赋值给变量，再通过操作变量来操纵元素节点

 

 

          注意：IE以下 id忽略大小写

                 IE7及以上不能忽略大小写，获取不到返回null

                且 IE7及以下：可以通过获取id的方式参数放name来获取元素节点

　　　　　　　　<div id="d" name="wuwei"></div>       //所以注意 元素节点  id名字最好不要与name名字一样