js的dom節點呼叫,生成及操作

2021-09-27 11:51:11 字數 942 閱讀 2630

html可以被看做一顆dom樹。樹上有許多結點。

結點共有三種型別:元素結點,文字結點,屬性結點。

元素結點是最重要的結點,是html的主要構成。例如簡單的

就是乙個元素結點。元素結點上可以延伸出其他結點(元素結點,文字結點,屬性結點)

文字結點為具體內容,例如hello

裡,就是乙個div元素結點下有乙個hello的文字結點

屬性結點為附加屬性,例如

裡,就是乙個div元素結點下,有id屬性結點與data屬性結點

document.getelementbyid("aid");//根據id屬性獲取元素(乙個)

document.getelementsbyclass("aclass");//根據class屬性獲取元素組(多個)

document.getelementsbyname("aname");//根據name屬性獲取元素組(多個)

document.getelementsbytagname("atagname");//根據標籤名獲取元素組(多個)

let outdivdom = document.createelement("div");//建立元素結點,括號內的引數控制其標籤

let textdom = document.createtextnode("hello");//建立文字結點,引數控制文字內容

let labeldom = document.createelement("label");//建立標籤

labeldom.setattribute("id", "labeldom");//設定屬性

let labeldom = document.createelement("label");

let textdom = document.createtextnode("標籤");

js操作dom節點

1.訪問節點 document.getelementbyid id 返回對擁有指定id的第乙個物件進行訪問 document.getelementsbyname name 返回帶有指定名稱的節點集合 注意 elements document.getelementsbytagname tagname ...

js操作dom節點

1.訪問節點 document.getelementbyid id 返回對擁有指定id的第乙個物件進行訪問 document.getelementsbyname name 返回帶有指定名稱的節點集合 注意 elements document.getelementsbytagname tagname ...

js獲取節點 dom操作

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