document.all 在各瀏覽器中的支持不同
阿新 • • 發佈:2018-10-15
www size script cti blog ofo 獲取 詳細 ntb
轉載:https://blog.csdn.net/fengweifree/article/details/16862495 感謝
all 方法最初是由 IE 瀏覽器擁有的,並不屬於 W3C 規範範疇,他返回調用 all 方法的 HTML 標記自身內的所有子孫元素的 HTML 標記集合 。
all 方法的詳細說明請參見 MSDN:http://msdn.microsoft.com/en-us/library/ms537434(VS.85).aspx。
通常情況下使用 document.all 方法獲得文檔元素內所有 HTML 標記的集合,他最先使用在 IE 瀏覽器中。現在其他瀏覽器已經支持 document.all 這個方法了,但在支持細節上有差異。
1. 所有瀏覽器使用 document.all 獲取取元素的支持程度。
分析以下代碼:
<script type="text/javascript"> window.onload = function() { document.getElementById("info").innerHTML = "document.all : " + document.all; } </script> <span id="SPAN1"></span> <div id="info"></div>
在各瀏覽器中運行結果如下表:
IE6 IE7 IE8(Q) | document.all : [object] |
---|---|
Opera Safari IE8(S) | document.all : [object HTMLColletion] |
Firefox(Q) | document.all : [object HTML document.all.class] |
Firefox(S) | document.all : undefined |
Chrome | document.all : [object HTMLColletion] |
【註】:此處需要註意 Chrome 中 document.all 方法可直接使用,但無法被檢測其返回的數據類型,因而代碼中返回 undefined 值。
2. 在 IE 中 document.all 的布爾值是 true ,其他瀏覽器都是 false。
分析以下代碼:
<script type="text/javascript"> window.onload = function() { document.getElementById("info").innerHTML = "!!document.all : " + !!document.all; } </script> <span id="SPAN1"></span> <div id="info"></div>
在各瀏覽器中運行結果如下表:
IE6 IE7 IE8 | !!document.all : true |
---|---|
Firefox Chrome Safari Opera | !!document.all : false |
3. 所有瀏覽器都支持使用 document.all 取元素的方式。
分析以下代碼:
<html id="HTML1"> <script type="text/javascript"> window.onload = function() { var html = "<table border=‘1‘ style=‘font-size:12px;‘>"; function getElement(sec) { html += "<tr><td>" + sec + "</td>" + "<td>" + eval(sec).id + "</td>"; } getElement("document.all(0)"); getElement("document.all[0]"); getElement("document.all.item(0)"); getElement("document.all(‘SPAN1‘)"); getElement("document.all.SPAN1"); getElement("document.all[‘SPAN1‘]"); getElement("document.all.namedItem(‘SPAN1‘)"); html += "</table>"; document.getElementById("info").innerHTML = html; } </script> <span id="SPAN1"></span> <div id="info"></div> </html>
在各瀏覽器中表現如下:
IE6(Q) IE7(Q) IE8(Q) Chrome Safari Opera Firefox(Q) |
|
---|---|
IE6(S) IE7(S) IE8(S) | |
Firefox(S) |
解決方案
由於 document.all 方法存在支持程度問題,獲取元素還是推薦用 W3C DOM 規範中提供的 document.getElementById、document.getElementsByTagName 等標準方法。
document.all 在各瀏覽器中的支持不同