Javascript 代码不适用于 Chrome 和 firefox，但适用于 IE

Question

我正在使用此代码将一些代码附加到 div。

$(document).ready(function () {
$("div[style='padding-left: 6px;']").append("<table  style=\"width: 6px; display: inline-block;\" cellspacing=\"0\" cellpadding=\"0\" toolbarspacer=\"true\"><tbody><tr><td></td></tr></tbody></table><div  onclick=\"CallMethod()\"   class=\" \" style=\"font-family: Verdana; font-size: 8pt; vertical-align: top; display: inline-block;\"><table style=\"display: inline;\" cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td height=\"28\"><div onmouseout=\"this.style.background=\'transparent\', this.style.border=\'1px transparent Solid\'\" onmouseover=\"this.style.background=\'#DDEEF7\', this.style.border=\'1px #336699 Solid\'\" id=\"rptViewer_ctl05_ctl05_ctl00_Email\"><div \" id=\"rptViewer_ctl05_ctl05_ctl00_ctl00_Email\" style=\"border: 1px solid transparent; border-image: none; cursor: default; background-color: transparent;\"><table title=\"Email\"><tbody><tr><td><input name=\"rptViewer$ctl05$ctl05$ctl00$ctl00$ctl00_Email\" title=\"Email\" style=\"width: 20px; height: 20px;\" type=\"image\" alt=\"Email\" src=\"" + url + "Images/email.png\" \"></td></tr></tbody></table></div><div disabled=\"disabled\" class=\"aspNetDisabled\" id=\"rptViewer_ctl05_ctl05_ctl00_ctl01_Email\" style=\"border: 1px solid transparent; border-image: none; display: none;\"><table title=\"E-Mail\"><tbody><tr><td><input name=\"rptViewer$ctl05$ctl05$ctl00$ctl01$ctl00_Email\" title=\"E-Mail\" disabled=\"disabled\" style=\"width: 20px; height: 20px; cursor: default;\" type=\"image\" alt=\"E-Mail\"  src=\"" + url + "Images/email.png\"></td></tr></tbody></table></div></div></td></tr></tbody></table></div>");
});

这在 IE 中运行良好。找到截图。

我正在使用代码添加突出显示的电子邮件按钮。单击此按钮我调用了一个 onclick 事件。

请让我知道实现相同目标的另一种方法，或者让我知道我哪里错了？

Answer 1

我在 Chrome 中本地运行此程序，但出现错误，因为未定义 url:如果您定义了 url 值，它对您有用吗？

或者，您可以尝试注销 $("div[style='padding-left: 6px;']") 以查看是否返回任何内容？

我建议使用类来选择您的 div 而不是样式属性。

添加了一个 CodePen 示例:http://codepen.io/anon/pen/VKadwB