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