document.all 在各瀏覽器中的支援不同
阿新 • • 發佈：2019-01-03
all 方法最初是由 IE 瀏覽器擁有的，並不屬於 W3C 規範範疇，他返回呼叫 all 方法的 HTML 標記自身內的所有子孫元素的 HTML 標記集合 。
通常情況下使用 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 等標準方法。