獲取DOM節點

2021-09-26 21:50:20 字數 764 閱讀 5406

getelementbyid()

通過id獲取標籤元素

getelementsbyname()

通過標籤名獲取標籤元素

getelementsbytagname()[index]

通過標籤名獲取標籤元素集合

getattribute()

獲取屬性值

getelementsbyclassname()

通過class獲取一組標籤

queryselector()

得到的是第乙個符合條件的標籤元素

queryselectorall()

得到所有符合條件的元素

document.documentelement

獲取html文件

document.all[0]

獲取文件上所有標籤的集合

document.anchors

獲取文件上所有的錨點(a標籤必須帶有name屬性)

a[0].innertext

獲取a標籤內部的所有文字內容,子文字內也能獲取

a[0].textcontent

獲取a標籤內部的所有文字內容,子文字內也能獲取

a[0].innerhtml

得到標籤內部的所有文字,連同子標籤一同顯示

innertext、textcontent、innerhtml 區別:

innertext:有多個空格,保留乙個空格

textcontent、innerhtml:有多個空格,保留所有空格

JS獲取DOM節點

父節點id為target,有兩個字節點,獲取target下所有字節點 const childrens document.getelementbyid target getelementtagname div 得出的childrens是乙個陣列,陣列中的元素是target下的子節點。childnode...

Dom 獲取節點方法

元素節點 html標籤 img body input div 文字節點 文字部分 屬性節點 標籤內的屬性 注釋節點 1.document 頁面中最大的節點,有且只有乙個。不屬於元素節點,是頁面中所有節點的容器。根節點。2.html 頁面中最大的元素節點。根元素節點。3.元素節點 html標籤 4.文...

js獲取節點 dom操作

介面 nodetype常量 nodetype值 備註element node.element node 元素節點 text node.text node 文字節點 document node.document node document comment node.comment node 注釋的文字...