還是那句話,有時候你可能沒有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='https://www.cnblogs.com/lxhbky/p/test' /></div>"; var divElement = document.createElement("div"); divElement.innerHTML = htmlText; var myhiddenDom = divElement.querySelector("#inputMyHidden"); console.info(myhiddenDom.value);
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/137195.html
標籤:JavaScript
