獲取DOM物件

2022-10-11 03:09:09 字數 1175 閱讀 4154

瀏覽器根據html標籤生成的 js物件

把網頁內容當做物件來處理

語法: document.queryselector('css選擇器')

引數:​ 包含乙個或多個有效的css選擇器 字串

返回值:

​ css選擇器匹配的第乙個元素,乙個 htmlelement物件。

​ 如果沒有匹配到,則返回null。

123

abc段落

語法 :document.queryselectorall('css選擇器')

引數:​ 包含乙個或多個有效的css選擇器 字串

返回值:

​ css選擇器匹配的nodelist 物件集合 是個偽陣列

偽陣列 有下標.legth屬性 但不可以使用陣列方法:增加/刪除/修改

123

4 hellow

注意

1.哪怕頁面只有乙個元素,返回的也是偽陣列

2.靈活性

p標籤

id獲取元素

語法:document.getelementbyid('id值')

返回值:乙個元素物件

標籤名獲取元素

語法:getelementsbytagname('標籤名')

返回值:標籤名匹配的nodelist 物件集合 是個偽陣列

類名獲取元素

語法:document.getelementsbyclassname('類名')

返回值:與類名匹配的nodelist 物件集合 是個偽陣列

獲得body

document.body

獲得html

document.documentelement

123

345標籤

目前常用:

document.queryselector('css選擇器')

document.queryselectorall('css選擇器')

ExtJs 獲取Dom物件

extjs 中會有三類基本物件,htmlelement ext.element 和 compositeelement 分別解釋一下 htmlelement 指html頁面的各種標記元素,可以用 document.getelementbyid 獲得,具有html物件的方法和屬性。ext.element...

Jquery物件和dom物件獲取html的方法

1 dom物件 var domobj document.getelementbyid id dom物件 domobj.innerhtml domobj.outerhtml 2 jquery物件 var obj id jquery物件 foo html 相當於dom物件的innerhtml obj.p...

dom獲取節點物件的方法

charset utf 8 title 直接獲取節點物件的方式 方式直接獲取單個物件 function demo1 2.通過標籤獲得元素的物件,獲得的是乙個集合 function demo2 3.通過屬性name 名字叫 hobby獲得 function demo3 間接獲取節點物件的方式 func...