国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

《JavaScript高級程序設計》筆記：DOM擴展（十一）

BenCHou / 2826人閱讀

摘要：取得所有類中包含和的元素。類名的先后順序無所謂取得為的元素中帶有類名的所有元素焦點管理也添加了輔助管理焦點的功能。首先就是屬性，這個屬性始終會引用中當前獲得了焦點的元素。另外就是新增了方法，這個方法用于確定文檔是否獲得了焦點。

選擇符API querySelector()方法 
// 取得body元素
var tbody = document.querySelector("body");

// 取得ID為"myDIV"的元素
var myDIV = document.querySelector("#myDiv");

// 取得類為"selected"的第一個元素
var selected = document.querySelector(".selected");

// 取得類為"button"的第一個圖像元素
var img = document.body.querySelector("img.button");
querySelectorAll()方法 
// 取得某
中的所有元素(類似于getElementsByTagName("em"))
var ems = document.getElementById("myDiv").querySelectorAll("em");

// 取得類為"selected"的所有元素
var selecteds = document.querySelectorAll(".selected");

// 取得所有
元素中的所有元素
var strongs = document.querySelectorAll("p strong");
HTML5 與類相關的擴充

getElementsByClassName()方法
改方法可以通過document對象及所有HTML元素調用該方法。

// 取得所有類中包含"username"和"current"的元素。類名的先后順序無所謂
var allCurrentUsernames = document.getElementsByClassName("username current");

// 取得ID為"myDiv"的元素中帶有類名"selected"的所有元素
var selected = document.getElementById("myDiv").getElementsByClassName("selected");

焦點管理
HTML5也添加了輔助管理DOM焦點的功能。首先就是document.activeElement屬性，這個屬性始終會引用DOM中當前獲得了焦點的元素。

var button = document.getElementById("myButton");
button.focus();
alert(document.activeElement === button); // true

默認情況下，文檔剛剛加載完成時，document.activeElement中保存的是document.body元素的引用。文檔加載期間，docuemnt.activeElement的值為null。
另外就是新增了document.hasFocus()方法，這個方法用于確定文檔是否獲得了焦點。

var button = document.getElementById("myButton");
botton.focus();
alert(document.hasFocus()); // true

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/85401.html

相關文章

  • 《JavaScript高級程序設計》筆記：JavaScript簡介（一）

    摘要：實現一個完整的實現應該由下列三個不同的部分組成核心文檔對象模型瀏覽器對象模型文檔對象模型是針對但經過擴展用于的應用程序編程接口。級別級由兩個模塊組成核心和。其中，核心規定是如何映射基于的文檔結構，以便簡化對文檔中任意部分的訪問和操作。 javascript從一個簡單的輸入驗證器發展成為一門強大的編程語言，完全出乎人們的意料。 javascript實現一個完整的javascript實現應...

    Edison 評論0 收藏0

  • JavaScript高級程序設計學習筆記一（JavaScript簡介）

    摘要：在上百種語言中算是命好的一個，還有就是最近納入高考體系的。由以下三個部分構成。就是對實現該標準規定的各個方面內容的語言的描述。是針對但經過擴展的用于的應用程序編程接口。將頁面映射為由節點構成的樹狀結構。 JavaScript的歷史這里就不再贅述了，當然JavaScript的歷史還是比較有意思的。在上百種語言中JavaScript算是‘命’好的一個，還有就是最近納入高考體系的python...

    supernavy 評論0 收藏0

  • 001-讀書筆記-JavaScript高級程序設計 JavaScript簡介

    摘要：由于計算機的國際化，組織的標準牽涉到很多其他國家，因此組織決定改名表明其國際性。規范由萬維網聯盟制定。級標準級標準是不存在的，級一般指的是最初支持的。 這篇筆記的內容對應的是《JavaScript高級程序設計(第三版)》中的第一章。 1.ECMA 和 ECMA-262 ECMA 是歐洲計算機制造商協會的縮寫，全程是 European Computer Manufacturers Ass...

    masturbator 評論0 收藏0

  • 《javascript高級程序設計》筆記：script元素屬性

    摘要：高級程序設計摘錄可選。表示通過屬性指定的代碼的字符集。這個屬性并不是必需的，如果沒有指定這個屬性，則其默認值仍為。規范要求腳本按照它們出現的先后順序執行，因此第一個延遲腳本會先于第二個延遲腳本執行，而這兩個腳本會先于事件執行。 《javascript高級程序設計》摘錄： async:可選。表示應該立即下載腳本，但不應妨礙頁面中的其他操作，比如下載其他資源或 等待加載其他腳本。只對外部...

    since1986 評論0 收藏0

  • JavaScript 高級程序設計（第三版）筆記

    摘要：以上是使用轉換函數方法時會返回的值在用判斷的時候，首先執行了，然后判斷為真或假。對象的遍歷返回一個數組，包括對象自身的不含繼承的所有可枚舉屬性不含屬性的鍵名。 tip：本文含部分Es6語法 1.if(a)的自動轉換 數據類型??? 轉換為true的值??? ?? 轉換為false的值 ? Boolean ?? ? true??????????? ? false ??String? 任何...

    tulayang 評論0 收藏0

發表評論

0條評論

BenCHou

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<