close

在javascript的世界,可以用querySelector方法來抓到指定的html元素

我原本是習慣用JQuery的Selector,最近慢慢換成改用querySelector

 

如果一個頁面中有一個html元素的ID是my_input

我想要抓他,我就會

var dom = document.querySelector('#my_input');

querySelector括號裡面的參數就像CSS選擇器的語法那樣寫

 

如果有成功抓到,dom這個變數的內容就會是<input type='text' id='my_input' />

沒有的話,就會是null

 

也可以在一個特定html元素裡抓指定的子元素

我會這樣寫,

var form = document.querySelector('#my_form');

if(form){

   var dom = form.querySelector('#my_input');

}

有成功抓到的話dom變數的內容就會是想要的html元素

如果沒有那就是null了

 

 

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 迪卡迪卡維 的頭像
    迪卡迪卡維

    迪卡迪卡維

    迪卡迪卡維 發表在 痞客邦 留言(0) 人氣()