首頁  >  文章  >  web前端  >  淺談javascript中的DOM方法

淺談javascript中的DOM方法

高洛峰
高洛峰原創
2017-02-06 09:27:081200瀏覽

1:取得物件的三種方法

  1)document.getElementById(id);透過物件的屬性id來取得;

  2)element.getElementByTagName(tag);透過標籤名稱來取得; .getElementByClassName(class);透過屬性類別名稱取得;

2:屬性的set和get方法.

  1)object.getAttribute(attribute);取得元素的屬性.===>>>HTMLDOM: object. attribute;

  2)object.setAttribute(attribute,value);設定元素的屬性.====>>>HTMLDOM:object.attribute=value;

3:有關節點的一些屬性🀜1] :回傳一個陣列.

    element.childNodes[0]等價於element.firstChild

    element.childNodes[element.childNodes.length]ChildHywid​​l.值.但其中僅有3種具有使用值

    元素節點的nodeType=1

    屬性節點的nodeType=2

 no  屬性節點的nodeType=2

 noaType  〦3元素中的文本內容功能類似object.innerHTML

    例如:

這是一個文字節點

    var p=document.getElementById(""); nodeValue="改變文本節點的內容";

    這樣就改變了p節點中的內容;

    也可以這樣實現:p.innerHTML="內容了,希望大家能夠喜歡。

更多淺談javascript中的DOM方法相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn