首頁 > web前端 > js教程 > 淺談javascript中的DOM方法_javascript技巧

淺談javascript中的DOM方法_javascript技巧

WBOY
發布: 2016-05-16 15:50:03
原創
1212 人瀏覽過

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

    例如:

這是一個文字節點

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

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

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

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板