JS基礎學習二 DOM

2021-08-30 21:13:08 字數 1161 閱讀 1404

[b]獲取節點:[/b]

document.getelementbyid("nodeid");

document.getelementsbytagname("nodetagname");

[b]樹形操作:[/b]

firstchild

lastchild

childnodes

parentnode

nextsibling //同級的下一節點

previoussibling //同級的上一節點

[b]建立節點[/b]

document.createelement("tagname");

[b]建立文字節點[/b]

var newtextnode = document.createtextnode("itemx")
;

[b]移除節點[/b]

removechild(list.lastchild); //移除子節點

curnode.parentnode.removechild(curnode); //通過父節點移除本節點

this.parentnode.remove(this);

[b]替換元素[/b]

list.replacechild(newnode,list.firstchild);

[b]節點的屬性:[/b]

newlink.setattribute("href","***.html");

[b]轉殖元素[/b]

var newitem= olditem.clonenode(true);

//true: 轉殖子節點

//false:只轉殖本節點

[b]節點的操作[/b]

nodename //節點的本來簽名

nodevalue //節點的值

classname //節點的class屬性值

innerhtml //節點內html文字

JS學習總結(二) Dom程式設計

1.關於dom document object model 文件物件模型 多用來處理和表示html和xml文件。dom是針對xml html的基於樹的api。dom樹定義了節點node的介面以及許多節點型別來表示文件不同功能不同方面的節點。dom結構理解為樹型結構,節點就是樹枝分叉處的那個點。2.j...

js入門 Dom基礎

dom documentobject model,文件物件模型。dom有三個不同的部分。1 核心dom 也是最基礎的文件結構的標準模型 2 xmldom 針對xml文件的標準模型 3 html dom 針對html文件的標準模型 對於乙個新生程式設計師來說。html是什麼,其實並不重要。但是都知道。...

JS基礎學習二

5 在相容xhtml的瀏覽器中使用 cdata js 來解決xhtml對js中的 不能識別問題,而對於不相容xhtml的瀏覽器,可採用js的注釋將cdata標記注釋掉就行了,雖然有幾分hack的味道,但這樣做能通過xhtml驗證,而且也相容html。6 一般採用外部檔案包含的方式來使用js,因為這樣...