《javascript進階程式設計》學習筆記(八):一些DOM基礎

來源:互聯網
上載者:User
 

DOM可以說是繼HTML第一次現身網路後,web曆史上最偉大的創新了。
 
1.
XML序言: <?xml version = "1.0"?>
緊跟在序言之後一般是PI --處理指示,目的是為了給處理頁面的程式(例如XML解析器)提供額外的資訊。其唯一的格式要求是緊隨第一個問號必須至少
有一個字母。
最常見的PI是指定樣式表:<?xml-stylesheet type="text/css" href="style.css"?>
 
 2.
 節點類型
 alert(document.nodeType)  //outputs "9"
 
 得到和改變某節點屬性值
 obj.getAttribute(name);
 obj.setAttribute(attrName,newValue);
 
 擷取document中的所有對象
 document.getElementsByTagName("*"); //mozilla
 document.all  //IE 6
 
 常用的建立節點的方法:瀏覽器都支援這幾個常用的;
 createDocumentFragment() //添加一個文檔片段(或者叫做對象集)。(片段中可含有多個對象)
 createElement()
 createTextNode()

代碼:
  <head>
  <script type="text/javascript">
   function createHello(){
    var op = document.createElement("p");
    var optext = document.createTextNode("Hello world");
    op.appendChild(optext);
    document.body.appendChild(op);
   }
  </script>
  </head>
  <body onload="createHello()">
  </body>

善用以下方法
appendChild(),removeChild(),replaceChild(),insertBefore()


深度遍曆的搜尋器NodeIterate和TreeWalker (詳見書本P159-P160)

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.