成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

《JavaScript高級(jí)程序設(shè)計(jì)》筆記:DOM擴(kuò)展(十一)

BenCHou / 2891人閱讀

摘要:取得所有類(lèi)中包含和的元素。類(lèi)名的先后順序無(wú)所謂取得為的元素中帶有類(lèi)名的所有元素焦點(diǎn)管理也添加了輔助管理焦點(diǎn)的功能。首先就是屬性,這個(gè)屬性始終會(huì)引用中當(dāng)前獲得了焦點(diǎn)的元素。另外就是新增了方法,這個(gè)方法用于確定文檔是否獲得了焦點(diǎn)。

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

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

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

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

元素中的所有元素 var strongs = document.querySelectorAll("p strong");

HTML5 與類(lèi)相關(guān)的擴(kuò)充

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

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

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

焦點(diǎn)管理
HTML5也添加了輔助管理DOM焦點(diǎn)的功能。首先就是document.activeElement屬性,這個(gè)屬性始終會(huì)引用DOM中當(dāng)前獲得了焦點(diǎn)的元素。

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/85401.html

相關(guān)文章

  • JavaScript高級(jí)程序設(shè)計(jì)筆記JavaScript簡(jiǎn)介(一)

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

    Edison 評(píng)論0 收藏0
  • JavaScript高級(jí)程序設(shè)計(jì)學(xué)習(xí)筆記一(JavaScript簡(jiǎn)介)

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

    supernavy 評(píng)論0 收藏0
  • 001-讀書(shū)筆記-JavaScript高級(jí)程序設(shè)計(jì) JavaScript簡(jiǎn)介

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

    masturbator 評(píng)論0 收藏0
  • javascript高級(jí)程序設(shè)計(jì)筆記:script元素屬性

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

    since1986 評(píng)論0 收藏0
  • JavaScript 高級(jí)程序設(shè)計(jì)(第三版)筆記

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

    tulayang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<