javascript document.all
關於document.all在很多應用場景中都有使用,甚至在瀏覽器相容的測試中都有使用,下面簡單介紹一下它的的作用。
一.常規用法:
document.all可以獲取頁面內的所有元素,可以使用索引的方式訪問集合中的元素,例如:
[JavaScript] 純文字檢視 複製程式碼document.all(0)
以上程式碼可以獲取頁面內的第一個元素。
二.可以利用id訪問頁面的元素:
如果頁面中的元素具有id屬性,那麼就可以結合document.all來獲取此元素,例如:
div元素:
[JavaScript] 純文字檢視 複製程式碼<div id="thediv"></div>
獲取div元素程式碼:
[JavaScript] 純文字檢視 複製程式碼document.all.thediv
以上程式碼可以獲取id屬性值為thediv的元素。
三.可以利用表單元素的name屬性訪問頁面元素:
如果是表單元素,可以結合表單元素的name屬性訪問此元素,例如:
以上程式碼可以獲取頁面中name屬性值為"thename"的元素。
四.判斷瀏覽器型別:
[JavaScript] 純文字檢視 複製程式碼if(document.all){ console.log("IE瀏覽器"); }
可以判斷是否是低版本IE瀏覽器。
相關文章
- JavaScript高階:JavaScript物件導向,JavaScript內建物件,JavaScript BOM,JavaScript封裝JavaScript物件封裝
- javaScript系列[06]-javaScript和thisJavaScript
- [Javascript] How javascript read the property?JavaScript
- javaScript系列[05]-javaScript和JSONJavaScriptJSON
- “This” is For JavaScriptJavaScript
- This in JavaScriptJavaScript
- JavaScript -"this"JavaScript
- JavaScriptJavaScript
- javascript ??JavaScript
- 44 道 JavaScript 難題(JavaScript Puzzlers!)JavaScript
- [Javascript] Understanding JavaScript Proxies with Symbol.toPrimitiveJavaScriptSymbolMIT
- JavaScript 教程之JavaScript常用框架簡介JavaScript框架
- [Javascript] Perform Set Operations using JavaScript Set MethodsJavaScriptORM
- javascript — == vs ===JavaScript
- JavaScript selectedIndexJavaScriptIndex
- JavaScript deleteCell()JavaScriptdelete
- JavaScript lastElementChildJavaScriptAST
- JavaScript hasAttribute()JavaScript
- JavaScript getAttributeNode()JavaScript
- JavaScript replaceChild()JavaScript
- JavaScript remove()JavaScriptREM
- JavaScript appendChild()JavaScriptAPP
- JavaScript deleteRow()JavaScriptdelete
- JavaScript clientYJavaScriptclient
- JavaScript之thisJavaScript
- JavaScript isFinite()JavaScript
- JavaScript toggle()JavaScript
- JavaScript Boolean()JavaScriptBoolean
- JavaScript escape()JavaScript
- JavaScript parseFloat()JavaScript
- JavaScript unescape()JavaScript
- JavaScript call()JavaScript
- JavaScript bind()JavaScript
- JavaScript previousElementSiblingJavaScript
- JavaScript preventDefault()JavaScript
- JavaScript insertRow()JavaScript
- JavaScript isPrototypeOf()JavaScript
- JavaScript removeChild()JavaScriptREM
- JavaScript nextElementSiblingJavaScript