将链接CSS复制到非链接按钮

Copy Link CSS to Non-Link Button

本文关键字：链接 按钮 复制 CSS      更新时间：2023-10-28

我正在开发一个网站，它的大部分内容都是自动生成的，我只是为它创建扩展。我正在开发的一个扩展是创建一个按钮。

网站上的按钮有两种不同的样式，它们的常规按钮css和a.button css，因为它们是链接按钮。这些按钮是通过asp.net在服务器端创建的。

我可以通过Javascript创建按钮，Javascript通过C#StringBuilder插入HTML，我也可以通过JS复制常规css按钮类，并使用以下命令：

StringBuilder sb = new StringBuilder();
sb.AppendLine(@"<script type=""text/javascript"">");
sb.AppendLine(@"orderInfoTbl.innerHTML = ""<input type='button' id='sameAsShippingButton' onclick='SameAs()' value='Same As Shipping' name='btnSameAsShipping'>"" + orderInfoTbl.innerHTML;");
sb.AppendLine(@"var foo = document.getElementById(""divOfButton""); ");
sb.AppendLine(@"document.getElementById(""sameAsShippingButton"").style.cssText = document.defaultView.getComputedStyle(foo, """").cssText");
sb.AppendLine("</script>");

我的问题是，我无法复制.divOfButton css添加到按钮以使其匹配。是否有一些Javascript，或者其他方法来窃取整个css id或类并复制它。

您尝试过addClass()吗？

jQUery

$("#divOfButton").addClass("a.divOfButton");

Javascript

var buttonDynamic = document.getElementById("divOfButton");
buttonDynamic.className = buttonDynamic.className + " a.divOfButton";
相关文章：