原生Javascript使用Dom对象实的querySelectorAll实现jquery筛选器效果
还是那句话,有时候你可能没有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);
*感谢您的阅读。喜欢的、有用的就请大哥大嫂们高抬贵手“推荐一下”吧!你的精神 支持是博主强大的写作动力。欢迎转载!
*博主的文章是自己平时开发总结的经验,由于博主的水平不高,不足和错误之处在所难免,希望大家能够批评指出。
*我的博客: http://www.cnblogs.com/lxhbky/
*博主的文章是自己平时开发总结的经验,由于博主的水平不高,不足和错误之处在所难免,希望大家能够批评指出。
*我的博客: http://www.cnblogs.com/lxhbky/