成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

BenCHou / 2840人閱讀

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

選擇符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 與類相關(guān)的擴充

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

// 取得所有類中包含"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

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/85401.html

相關(guān)文章

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

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

    Edison 評論0 收藏0

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

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

    supernavy 評論0 收藏0

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

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

    masturbator 評論0 收藏0

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

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

    since1986 評論0 收藏0

  • JavaScript 高級程序設(shè)計（第三版）筆記

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

    tulayang 評論0 收藏0

發(fā)表評論

0條評論

BenCHou

男|高級講師

TA的文章

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