getElementById()方法
接受一個參數(shù):獲取元素的ID。如果找到相應的元素則返回該元素的HTMLDivElement 對象吴叶,如果不存在阐虚,則返回null。
document.getElementById(‘div1‘);? ? //獲取id 為div1 的元素
getElementsByTagName()方法
將返回一個對象數(shù)組這個數(shù)組保存著所有相同元素名的節(jié)點列表蚌卤。
document.getElementsByTagName('li'); //獲取所有l(wèi)i 元素实束,返回數(shù)組
document.getElementsByName()方法
通過標簽的名字來獲取標簽(返回的是一個數(shù)組,將所用相同標簽名的標簽返回)
document.getElementsByClassName()方法
通過標簽的class值來獲取標簽(返回的是一個數(shù)組逊彭,將所有相同class名的標簽返回)
querySelector()方法
接受一個參數(shù):通過元素的css選擇器查找元素咸灿。如果找到相應的元素則返回該元素的HTMLDivElement 對象,如果不存在侮叮,則返回null避矢。
document.querySelector(‘#div1’);? ? //獲取id 為div1 的元素
document.querySelector(‘.div1’);? ? //獲取class 為div1 的第一個元素
querySelectorAll()方法
將返回一個對象數(shù)組這個數(shù)組保存著所有符合選擇器的節(jié)點列表。
document.querySelectorAll('li');? ? ? //獲取所有l(wèi)i元素签赃,返回數(shù)組
document.querySelectorAll(‘.list');? //獲取所有class為list的元素谷异,返回數(shù)組