内联 JavaScript 适用于 Chrome 但不适用于 Firefox

Question

我有一个页面布局，我在其中创建了 HTML table 结构。在两者之间，如果 td 为空，我想显示静态文本。我的代码很简单：

<td> 
    <div id="dvCountry">
        <SharePointWebControls:FieldValue FieldName="Country" DisableInputFieldLabel="true" runat="server"></SharePointWebControls:FieldValue></div>
    <div id="dvOffice">,<SharePointWebControls:FieldValue FieldName="Office" DisableInputFieldLabel="true" runat="server"></SharePointWebControls:FieldValue></div>
    <script type="text/javascript">
            var td = document.getElementById("dvCountry");
            if(td.innerText.length == 0){
                td.innerText = "Group";
                var divOffice = document.getElementById("dvOffice");
                divOffice.innerText = "";
            }

    </script>
</td>

以上代码在 IE 中工作正常，Chrome但在 Firefox 中不工作。

我错过了什么？

Answer 1

问题来自 innerText。
参见：'innerText' works in IE, but not in Firefox

您应该使用 jQuery 或使用 innerHTML。

内联 JavaScript 适用于 Chrome 但不适用于 Firefox

Inline JavaScript works in Chrome but not in Firefox

javascript

firefox

inline-code