摘要:取得所有類中包含和的元素。類名的先后順序無所謂取得為的元素中帶有類名的所有元素焦點管理也添加了輔助管理焦點的功能。首先就是屬性,這個屬性始終會引用中當前獲得了焦點的元素。另外就是新增了方法,這個方法用于確定文檔是否獲得了焦點。
選擇符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 與類相關的擴充
1. 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文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/87466.html
摘要:事件流描述的是從頁面中接受事件的順序。事件流中的事件流是事件冒泡流。順序是從外向里級事件規(guī)定的事件流包括三個階段事件捕獲階段處于目標階段和事件冒泡階段,其中到是處于目標階段,如圖所示。添加的事件會被逆序執(zhí)行。 HTML和js之間的交互是通過事件實現的。 事件流描述的是從頁面中接受事件的順序。 事件流 IE中的事件流是事件冒泡流。順序是從里向外 eg:div-body-html-...
摘要:局部變量只在函數執(zhí)行過程中存在。此時,局部變量就沒有存在的必要了,因此可以釋放他們所占的內存以供他們使用。這一做法適合于大多數全局變量和局部變量的屬性。 基本類型和引用類型的值 動態(tài)的屬性 var person = new Object(); person.name = Nicholas; alert(person.name); // Nicholas var name = N...
摘要:注意一旦把對象定義為防篡改,就無法撤銷了。使用阻止對象擴展注意嚴格模式下,不是而是報錯。使用凍結對象對于庫作者而言,凍結對象可防止有人修改庫的核心對象。 showImg(https://segmentfault.com/img/remote/1460000019753620); 前言:去年7月份在簡書寫的,發(fā)現后端、React中也有體現,覺得有必要在微信上分享下。 注意:一旦把對象定義...
閱讀 3674·2021-11-23 09:51
閱讀 1035·2021-11-19 11:30
閱讀 3360·2019-08-29 14:16
閱讀 3370·2019-08-29 12:12
閱讀 2363·2019-08-26 13:40
閱讀 3471·2019-08-26 12:21
閱讀 3073·2019-08-26 11:55
閱讀 2221·2019-08-26 11:35