Javascript 为什么不是'；jQuery对colspan ot的更改是否显示在HTMLSRC中？

我有一个jQuery方法，它根据用户角色修改colspan属性。当我是所有其他角色时，函数和jQuery方法工作得很好，但是作为一个查看器角色，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>

---

在我看来，逻辑似乎是可靠的，但它不起作用。有人能帮我理解为什么吗？

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

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

HTML源是返回服务器的内容，为什么要根据客户端脚本进行更改？！HTML源代码是返回服务器的，为什么要根据客户端脚本进行更改？！它设计为在IE 6-8中运行，但我在Firefox DOM inspector中运行了它，并仔细查看了代码。我看到colspan属性正在正确更新和修改，但没有正确显示/显示。这和其他情况一样奇怪，这段代码可以正常工作，但不是这种情况。那么你的问题和你最初发布的不同吗？很抱歉造成混淆。我相信，问题是因为没有声明一个文档类型供浏览器解释。但我最终走了另一条路，专门为每种情况创建表尾单元格，并为整个表添加边框。它目前是一个可接受的修复程序。谢谢大家的帮助。它是为在IE 6-8中运行而设计的，但我在Firefox DOM inspector中运行了它并浏览了代码。我看到colspan属性正在正确更新和修改，但没有正确显示/显示。这和其他情况一样奇怪，这段代码可以正常工作，但不是这种情况。那么你的问题和你最初发布的不同吗？很抱歉造成混淆。我相信，问题是因为没有声明一个文档类型供浏览器解释。但我最终走了另一条路，专门为每种情况创建表尾单元格，并为整个表添加边框。它目前是一个可接受的修复程序。谢谢大家的帮助。