js中dom选择器

Posted 一笑任逍遥

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中dom选择器相关的知识,希望对你有一定的参考价值。

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选择器的主要内容,如果未能解决你的问题,请参考以下文章

JQuery选择器,动画,事件和DOM操作

JS对象 DOM

js原生dom方法总结

JQuery基本知识选择器事件DOM操作动画

jquer 事件,选择器,dom操作

JQuery 总结 选择器的使用