原生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);