Internet Explorer 在 JavaScript 中不执行某些 if-case答案

【问题标题】：Internet Explorer does not execute some if-cases in JavaScriptInternet Explorer 在 JavaScript 中不执行某些 if-case
【发布时间】：2019-06-04 11:18:09
【问题描述】：

我正在使用 xslt 创建一个 html 文件。我有一些 JavaScript 代码来过滤一些表格行。在 Internet Explorer 11 上，我的 JavaScript 的某些特定 if-case 没有被执行，我不知道为什么，因为我的开发控制台中没有错误。您可以在下面看到一些 JavaScript 代码，其中包含已执行和未执行 if-cases 的命令。

如果我将if (i > 2 && modelRange.textContent != rows[i - 1].getElementsByTagName("td")[0].textContent) { 更改为if ( i > 2)，它将执行 if-case。所以.textContent 或.getElementsByTagName 一定有问题，但我不知道为什么，也不知道如何更改它，因为没有错误，而且它可以与 Firefox 一起使用。

我也加入了console.log(rows)。

JavaScript：

function test_internet_explorer() {

    // Variables
    var table, checkBox, filterCheckBox, filterDropDown, rows, cells, secret, modelRange, dropdown, rowCount;
    dropdown = document.getElementById('modelRangeDropdown');
    table = document.getElementById('myTable');
    rowCount = table.rows.length; 
    checkBox=document.getElementById('identicalSecrets');
    rows = table.getElementsByTagName("tr");    
    console.log(rows)       
    filterCheckBox = checkBox.checked; 
    filterDropDown = dropdown.value;
    var index = 0; 


    for (var i = 0; i < rows.length; i++) { 
        var row = rows[i];
        cells = row.getElementsByTagName("td"); 
        modelRange = cells[0] || null; 
        secret = cells[3]; 

        // does not execute
        if (i > 2 && modelRange.textContent != rows[i - 1].getElementsByTagName("td")[0].textContent) {
            rows[i - 1].getElementsByTagName("td")[2].firstChild.nodeValue = "-";
            alert('script loaded');
        }

        // does execute
        if (i === rowCount - 1) { 
            rows[i].getElementsByTagName("td")[2].firstChild.nodeValue = "-";
        }

        // does not execute
        if (i > 2 && modelRange.textContent === rows[i - 1].getElementsByTagName("td")[0].textContent) {
            rows[i - 1].getElementsByTagName("td")[2].firstChild.nodeValue = rows[i].getElementsByTagName("td")[1].textContent;
        }
    }

}

XSLT：

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format">
<xsl:template match="/">
<html>
    <head><title>Secrets</title></head>

<body onload="test_internet_explorer();">

<table id="myTable">
        <colgroup>
            <col width="150" style="background-color:e2e2e2"></col>         
        </colgroup>
        <tr  style ="background-color:a5a5a5">
            <th rowspan="2">plane
                <select id="modelRangeDropdown" onchange="test_internet_explorer()">
                     <option selected="selected">All</option>
                     <xsl:for-each select="logstore/plane">
                        <option>
                         <xsl:value-of select="Name" />
                        </option>
                     </xsl:for-each>                    
                </select>                   
            </th>   
            <th colspan="2" width="330">date</th>
            <th rowspan="2">Secret
                <input type="checkbox" id="identicalSecrets" onchange="test_internet_explorer()"></input>
                <label for="identicalSecrets">hide identical secrets</label>
            </th>
        </tr>

        <tr>
            <th align="center" style="background-color:a5a5a5">begin</th>
            <th align="center" style="background-color:a5a5a5">end</th>
        </tr>
        <xsl:for-each select="logstore/plane/trigger">
            <tr>
                <td align="center"><xsl:value-of select="../Name"/></td>
                <td align="center"><xsl:value-of select="date"/></td>
                <td align="center"><xsl:value-of select="date"/></td>
                <td><xsl:value-of select="secret"/></td>
            </tr>
        </xsl:for-each>
    </table>    
    <script type="text/javascript" src="test_internet_explorer.js"></script>    
</body>
</html>
</xsl:template>
</xsl:stylesheet>

【问题讨论】：

只是好奇，该文本值中是否有连字符？
你能添加一些重现问题的 HTML 吗？
不确定 IE11 但请查看Javascript textContent is not working in IE8 or IE7
我添加了一些 html 代码，是的，文本值中有连字符。
那还是没有Minimal, Reproducible Example。 if-cases 测试一个表的内容，所以在不知道这个内容的情况下我们什么也做不了。也就是说，我确实注意到了一些 HTML 问题。 <col> 和 <input> 不应有结束标签。不过，我不认为这与您的问题有关。

标签： javascript internet-explorer-11

【解决方案1】：

在我的情况下，一种可能的解决方案是使用 innerText 而不是 textContent 如果在 IE11 上出现问题，则使用 textContent。

【讨论】：