码迷,mamicode.com
首页 > 其他好文 > 详细

38.认识DOM及获取元素

时间:2020-03-26 13:58:17      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:文档   nod   元素   ie7   div   bom   回文   png   script   

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名字一样

        技术图片

 

 

 

 

 

        

 

 

 

          

 

 

 

 

 

 

 

 

 

 

 

      

 

 

 

 

 

 

 

      

 

38.认识DOM及获取元素

标签:文档   nod   元素   ie7   div   bom   回文   png   script   

原文地址:https://www.cnblogs.com/yzdwd/p/12573884.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!