HTML5學習筆記簡明版(11):新增的API,html5學習筆記

來源:互聯網
上載者:User

HTML5學習筆記簡明版(11):新增的API,html5學習筆記
HTMLDocument上的擴充

HTML5在DOM Level 2 HTML上擴充了一些HTMLDocument的介面。這些介面在所有實現了Document介面的元素對象上進行了實現。HTML5在裡面也新增加了幾個成員:

  1. getElementsByClassName()class類擷取元素,用這個方法可以查詢任何帶有class屬性且帶有符合該class參數值的元素和Document對象(例如:SVG和MathML)。
  2. innerHTML:一種解析和序列化HTML/XML文檔的方式,該屬性在以前版本的瀏覽器裡只支援HTMLElement並且沒有標準化,現在已經支援HTMLDocument了。
  3. activeElementhasFocus:聲明哪個元素是當前的焦點元素和該Document是否有各自的焦點。

 

HTMLElement上的擴充

在HTML5裡,也對HTMLElement介面增加了一些擴充:

  1. getElementsByClassName():和HTMLDocument裡的同名擴充是等價的,只是範圍範圍不同 。
  2. innerHTML:當前大部分瀏覽器都已經支援(包括XML content) 。
  3. classList:是className的訪問器,該對象提供(contains()add()remove(), and toggle())方法來操作元素的class。 元素aarealink 也有一個相似的屬性訪問器relList 提供同樣的功能來操作rel屬性。  

著作權聲明:本文為博主http://www.zuiniusn.com 原創文章,未經博主允許不得轉載。

聯繫我們

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