javascript - 为什么 jQuery 对 colspan 的更改没有显示在 html src 中？

Question

我有一个 jQuery 方法，可以根据用户 Angular 色修改 colspan 属性。当我担任所有其他 Angular 色时，该函数和 jQuery 方法工作得很好，但是作为查看者 Angular 色，jQuery 说它进行了更改，修改后的 colspan 的 td 元素中的 onclick 方法说它已更改，但 html src 没有更改并根据为原始值。

Java 函数

    function changeFooterLength(action,tableType,role)
    {
    if(role != "viewer"){
    if(action == "show"){
        $("#footer_filler").attr("colspan",13);
    }else if(action == "hide"){
        if(tableType != "Search"){
            $("#footer_filler").attr("colspan",10);
        }else{
            $("#footer_filler").attr("colspan",10);
        }
    }
    }else{
    if(action == "show"){
        $("#footer_filler").attr("colspan",12);
    }else if(action == "hide"){
        alert($('#footer_filler').attr('colspan'));
        $("#footer_filler").attr("colspan",9);
        alert($('#footer_filler').attr('colspan'));
    }
    }
    }

td 元素:

    <td id="footer_filler" colspan="12" class="table_footer_excel" align="left" onclick="alert($('#footer_filler').attr('colspan'));">
        <a href="<c:url value='/export'/>">
     <img src="<c:url value="/resources/images/icon_microsoftexcel.png"/>" style="width: 20px; height: 20px; margin-left: 5px; border: none;" />
    </a>
     </td>

在我看来，逻辑似乎很可靠，但行不通，任何人都可以帮助我理解为什么吗？

Answer 1

您需要在浏览器的开发人员工具中使用 DOM 检查器。源是来自服务器源的“原始”，当 JavaScript/jQuery 修改 DOM 时不会发生任何更改。