1.getElementById獲取元素? ? 返回的是一個元素對象

var? timer = document.getElementById('time');

console.dir? ?打印返回元素對象，更好的查看里面的屬性和方法

console.dir( timer );

2.getElementsByTagName 獲取某類標簽元素? ? 返回的是 獲取過來元素對象的集合? 以偽數組的形式存儲的

var? lis = document.getElementsTagName( 'li' );

console.log( lis[0] );

1.如果頁面中只有一個 li 返回的還是偽數組的形式

2.如果頁面中沒有這個元素? 返回的是空的偽數組的形式

3.可以獲取某個元素(父元素)內部所有指定標簽名的子元素? ? 父元素必須是單個對象(必須指明是哪一個元素對象)

element.getElementsByTagName('標簽名')；

var? ol =document.getElementsByTagName('ol');? //[ol]

var? lis = ol[0].getElementByTagName('li');

3.H5新增獲取元素方式

1.getElementsByClassName( ‘類名’ )；? ?根據類名獲取某些元素集合

var? box = document.getElementByClassName('box');

2.querySelector('選擇器');? ?返回指定選擇器的第一個元素對象? 切記 里面的選擇器需要加符號 .box? #nav

var nav = document.querySelector('#nav');

3.querySelectorAll('選擇器')；? ?返回指定選擇器的所有元素對象集合

var? lis = document.querySelectorAll( li );

4.獲取 body 元素

document.body? 返回 body 元素對象

5.獲取 html? 元素

document.documentElement? ?返回 html 元素對象

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的java xml dom getelementbyid,DOM中常见的元素获取方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。