常用的查詢DOM的方法

2022-05-16 09:01:28 字數 889 閱讀 9206

查詢body的方法**********=

1 document.body  //

document.getelementstagname("body")[0];

查詢html的方法**********=

var html = document.documentelement

查詢所有元素**********==

var all = document.all; (查詢會返回undefined,但實際上是有長度的。) //

var all = document.getelementtagname("*")。

查詢元素 ***************

var elem = document.getelementtagment();

根據class名***************

var  elem.classname=document.getelementclassname("div1");//

ie9以上才會支援。

按css樣式來查詢********** 

var  css屬性名 = document.queryselector(".box1 div");//但是只能返回乙個值。 相容性不錯。

var

css屬性名 = docuemnt。queryselectorall(".box1");//返回所在元素內的所有元素。即使符合條件的元素只有乙個,它也會返回乙個陣列。

查詢name屬性**********=

var name = document.getelementsname("name.value");

DOM 常用查詢元素

1 不需要查詢就可直接獲得的元素物件 4種 document.documentelement document.head document.body document.forms i 2 如果已經獲得乙個元素物件,找周圍附近的元素物件時,就用按節點間關係查詢 2大類關係,6個屬性.a.父子關係 4種...

DOM常用方法總結

getelementsbyname 尋找有著給定name屬性的所有元素,這個方法將返回乙個節點集合,這個集合可以當作乙個陣列來處理。這個集合的length屬性等於當前文件裡有著給定name屬性的所有元素的總個數。getelementsbytagname 尋找有著給定標籤名的所有元素,這個方法將返回乙...

js常用DOM方法

介紹幾個js dom的常用方法 獲取元素節點 getelementbyid getelementsbytagname getelementsbyclassname 先寫乙個簡單的網頁做測試 test.html doctype html html head meta charset utf 8 tit...