码迷,mamicode.com
首页 > Web开发 > 详细

js中dom选择器

时间:2018-06-23 01:24:09      阅读:723      评论:0      收藏:0      [点我收藏+]

标签:获取   区别   的区别   通过   选择器   技术分享   签名   name   dem   

document,getElementById("demo");    //通过id查询节点 。

document.getElementsByTagName("div")[0]   // 获取第一个标签名为div的节点

document.getElementsByClassName("demo")[0]  //获取第一个class 名为demo的节点。(ie9以下的浏览器不适用)

.querrySelector()   //css选择器。(ie8以下不适用 )

,querrySelectorAll()      //css选择器。(ie8以下不适用 )

 

document,querrySelectorAll () 与document,getElementSByTagName()的区别 (作用都是通过标签选择节点)

document,querrySelectorAll ()没有时效性,(正如拍照片 ,拍过后,照片不能改变)相当于副本 。不常用

document,getElementSByTagName具有时效性,可以实时根据节点改变而改变

例如:

   技术分享图片        技术分享图片

 

 

技术分享图片

技术分享图片

 

js中dom选择器

标签:获取   区别   的区别   通过   选择器   技术分享   签名   name   dem   

原文地址:https://www.cnblogs.com/2016-zck/p/9215879.html

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