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

时间:2015-02-13 15:13:29

标签: javascript c# css

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

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

我可以通过C#StringBuilder插入到HTML中的Javascript创建按钮,我可以通过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>");

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

1 个答案:

答案 0 :(得分:0)

您是否尝试使用addClass()

<强> JQUERY

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

<强>的Javascript

var buttonDynamic = document.getElementById("divOfButton");
buttonDynamic.className = buttonDynamic.className + " a.divOfButton";