您当前的位置:首页 > 学无止境 > 从1到0

jsDOM查找页面元素方法总结

景凌凯2018-07-23 人围观
简介总结js中DOM查找页面元素的方法
通过id查找HTML元素
var x=document.getElementById("id")


通过类名找到html元素
var a=document.getElementByclassName("classname")

// getElementsByClassName方法:获取DOM中class值包含xxx的元素对象,返回值式一个类似数组的对象(类数组),这个对象可以像数组一样使用索引访问内容器中的额元素,也有length属性,但是没有数组的其它方法。



通过标签名查找HTML元素
var y=document.getElementByTagName("p")       查找一个
          document.getElementsByTagNames("p")   查找所有


var ps=document.querySelector("p");
// querySelector方法:查询DOM中第一个符合选择器的元素对象
// 返回值是一个类数组


var ps=document.querySelectorAll("p");
找多个元素

 

当条件复杂时:

               按选择器查找--简单;按HMTL查找--繁琐;

单次查找效率:

           按HTML查找--效率高;按选择器找--效率低;








 

打赏本站,你说多少就多少

文章评论

微信关注