JS中級 - DOM概念

最後更新：2016-07-28 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：

1.元素屬性
childNodes
nodeType
attributes

<!DOCTYPE html>

<HTML LANG="en">

<HEAD>

  <META CHARSET="UTF-8">

  <TITLE>Document</TITLE>

</HEAD>

<BODY>

  <UL ID="uid" STYLE="border:1px solid black">

    <LI>1111</LI>

    <LI>2222</LI>

    <LI>3333</LI>

    <LI>4444</LI>

  </UL>

  <script type="text/javascript">

    var uid =  document.getElementById(‘uid‘);

/*

     *唯讀屬性：childNodes：

     *返回元素的一個子節點的數組

*/

    for (var i = 0; i < uid.childNodes.length; i++) {

      /*唯讀屬性：

       * [element.nodeType]

       * @有12種不同的節點類型，不同的節點類型也可以有不同的子節點類型：

       * @Node常用類型 :

       * 1 ELEMENT_NODE

       * 2 ATTRIBUTE_NODE

       * 3 TEXT_NODE

*/

       if (uid.childNodes[i].nodeType=="1") {

        uid.childNodes[i].style.background =‘red‘;

    //唯讀屬性：attributes  數組

    document.write("attributes:"+uid.attributes.length);

    document.write("<br>");

    document.write("attributes:"+uid.attributes[1]);

    document.write("<br>");

    document.write("[attributes.name]:"+uid.attributes[1].name+",[attributes.value]:"+uid.attributes[1].value);

  </script>

</BODY>

</HTML>

如：

1

來自為知筆記(Wiz)

JS中級 - DOM概念

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 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

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

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

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

JS中級 - DOM概念

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support