document.getElementById在Mozilla中不起作用

Question

我在Mozilla中遇到document.getElementByID的問題。 在IE和Chrome中，我的代碼運行良好。

我寫了以下代碼：

<script type="text/javascript">
function test(x, y) {
var text1 = document.getElementById('text1');
 for (var i = 0; i < x.length; i++) {
    text1.innerText += x[i]; // prints 12345
  }
   text1.innerText += "\ny: " + y; // prints y: 1,2,3,4,5
  }
</script>


 <body>
<form id="form1" runat="server">
<div>
    <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
</div>
<div id="text1"></div>
</form>
</body>

誰能說出為什么在FireFox中不起作用？

Answer 1

我不認為這是對getElementById的調用（如果確實如此），那么您沒有提供足夠的詳細信息–但我可以告訴您Firefox和其他一些瀏覽器未實現innerText 。 對於這些瀏覽器，您需要直接使用textContent或文本節點。

您可以使用功能檢測來確定是否支持textContent ：

var textContentOrInnerText = "textContent" in document.body 
                               ? "textContent" : "innerText";

然后，將此變量用於代碼中的屬性訪問：

text1[textContentOrInnerText] += x[i];

隨意將變量縮短到您更喜歡的方式。 請注意，這兩個屬性之間在行為上有一些細微的差異，但是大多數情況下您不會注意到它們。

textContent是標准行為，這就是為什么我在代碼中首先對此進行測試的原因。

Answer 2

innerText在DOM標准中的任何地方都沒有引用，因此它是非標准的，並且是僅IE的一種方法。

請使用.textContent獲取文本內容。

對於瀏覽器支持，請使用庫或填充程序

document.getElementById在Mozilla中不起作用

問題描述

2 個解決方案

解決方案1
5 已采納 2011-11-01 12:24:04

解決方案2
2 2011-11-01 12:30:47

document.getElementById在Mozilla中不起作用

問題描述

2 個解決方案

解決方案1 5 已采納 2011-11-01 12:24:04

解決方案2 2 2011-11-01 12:30:47

解決方案1
5 已采納 2011-11-01 12:24:04

解決方案2
2 2011-11-01 12:30:47