DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 淺談javascript中的DOM方法
淺談javascript中的DOM方法
編輯:關於JavaScript     

1:獲取對象的三種方法

  1)document.getElementById(id);通過對象的屬性id來獲取;

  2)element.getElementByTagName(tag);通過標簽名來獲取;

  3)element.getElementByClassName(class);通過屬性類名來獲取;

2:屬性的set和get方法.

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

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

3:有關節點的一些屬性

  1)childNodes屬性:返回一個數組.

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

    element.childNodes[element.childNodes.length]等價於element.lastChild

  2)nodeType屬性:共有12種可能的取值.但其中僅有3種具有使用價值

    元素節點的nodeType=1

    屬性節點的nodeType=2

    文本節點的nodeType=3

  3)nodeValue屬性:主要功能是改變元素中的文本內容功能類似object.innerHTML

    例如:<p id="p">這是一個文本節點</p>

    var p=document.getElementById("p");

    p.childNodes[0].nodeValue="改變文本節點的內容";

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

    也可以這樣實現:p.innerHTML="改變文本節點的內容";

以上所述就是本文的全部內容了,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved