首页 > 其他 > 详细

38.认识DOM及获取元素

时间:2020-03-26 13:40:14      阅读:56      评论:0      收藏:0      [点我收藏+]

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及获取元素

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!