淺談javascript中的DOM方法,淺談javascriptdom

來源:互聯網
上載者:User

淺談javascript中的DOM方法,淺談javascriptdom

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="改變文本節點的內容";

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.