首页 > 编程语言 > 详细

原生Javascript使用Dom对象实的querySelectorAll实现jquery筛选器效果

时间:2020-04-02 15:45:15      阅读:65      评论:0      收藏:0      [点我收藏+]

  还是那句话,有时候你可能没有Jquery可用,那么我们可以借用原生JS中Dom对象的新方法:querySelector和querySelectorAll   实现Jquery筛选器同样的筛选节点的效果,下面列举一些示例:

 

1-直接从页面中筛选元素:

id选择器:

var myidDom=document.querySelector("#myid");

class选择器:

var myclassDomArray=document.querySelectorAll(".myclass");

 

2-从html字符串中筛选节点-- 创建一个标签容器,将html字符串添加到标签中,利用dom的querySelector方法筛选:

var htmlText = "<div id=‘myid‘><input type=‘hidden‘ id=‘inputMyHidden‘ value=‘test‘ /></div>";
var divElement = document.createElement("div");
divElement.innerHTML = htmlText;
var myhiddenDom = divElement.querySelector("#inputMyHidden");
console.info(myhiddenDom.value);

 

原生Javascript使用Dom对象实的querySelectorAll实现jquery筛选器效果

原文:https://www.cnblogs.com/lxhbky/p/12620229.html

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