資訊專欄INFORMATION COLUMN
摘要：取得所有類中包含和的元素。類名的先后順序無所謂取得為的元素中帶有類名的所有元素焦點(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");
// 取得類為"selected"的第一個(gè)元素
var selected = document.querySelector(".selected");
// 取得類為"button"的第一個(gè)圖像元素
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)的擴(kuò)充
1. getElementsByClassName()方法
改方法可以通過document對(duì)象及所有HTML元素調(diào)用該方法。// 取得所有類中包含"username"和"current"的元素。類名的先后順序無所謂 var allCurrentUsernames = document.getElementsByClassName("username current"); // 取得ID為"myDiv"的元素中帶有類名"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/87466.html
摘要：事件流描述的是從頁(yè)面中接受事件的順序。事件流中的事件流是事件冒泡流。順序是從外向里級(jí)事件規(guī)定的事件流包括三個(gè)階段事件捕獲階段處于目標(biāo)階段和事件冒泡階段，其中到是處于目標(biāo)階段，如圖所示。添加的事件會(huì)被逆序執(zhí)行。 HTML和js之間的交互是通過事件實(shí)現(xiàn)的。 事件流描述的是從頁(yè)面中接受事件的順序。 事件流 IE中的事件流是事件冒泡流。順序是從里向外 eg：div-body-html-...
摘要：局部變量只在函數(shù)執(zhí)行過程中存在。此時(shí)，局部變量就沒有存在的必要了，因此可以釋放他們所占的內(nèi)存以供他們使用。這一做法適合于大多數(shù)全局變量和局部變量的屬性。 基本類型和引用類型的值 動(dòng)態(tài)的屬性 var person = new Object(); person.name = Nicholas; alert(person.name); // Nicholas var name = N...
摘要：注意一旦把對(duì)象定義為防篡改，就無法撤銷了。使用阻止對(duì)象擴(kuò)展注意嚴(yán)格模式下，不是而是報(bào)錯(cuò)。使用凍結(jié)對(duì)象對(duì)于庫(kù)作者而言，凍結(jié)對(duì)象可防止有人修改庫(kù)的核心對(duì)象。 showImg(https://segmentfault.com/img/remote/1460000019753620); 前言：去年7月份在簡(jiǎn)書寫的，發(fā)現(xiàn)后端、React中也有體現(xiàn)，覺得有必要在微信上分享下。 注意：一旦把對(duì)象定義...
閱讀 3812·2021-11-23 09:51
閱讀 1114·2021-11-19 11:30
閱讀 3436·2019-08-29 14:16
閱讀 3428·2019-08-29 12:12
閱讀 2432·2019-08-26 13:40
閱讀 3582·2019-08-26 12:21
閱讀 3129·2019-08-26 11:55
閱讀 2301·2019-08-26 11:35
