如何：使用 javascript 或 jquery 更改父窗口中按钮的 css 类？答案

【问题标题】：how to : change css class of a button in a parent window with javascript or jquery?如何：使用 javascript 或 jquery 更改父窗口中按钮的 css 类？
【发布时间】：2013-07-25 14:49:04
【问题描述】：

我正在尝试从弹出窗口更改父窗口中按钮的类。我可以更改显示，但班级更改似乎没有生效。在弹出窗口中运行的这段代码有什么问题？对 innerHTML 和 display 的更改有效，但 className 无效。

   var messages = window.opener.document.getElementById("messages");
   messages.innerHTML="Now linked to Facebook page at "+  link + ".";

   var firstmessage = window.opener.document.getElementById("firstmessage");
   firstmessage.style.display = 'block';
   firstmessage.style.className += ' notice_msg ';

   var choosefanpagebtn = window.opener.document.getElementById("choosefanpagebtn");
   choosefanpagebtn.style.className = "";
   choosefanpagebtn.style.className = "green_button";

谢谢。

【问题讨论】：

将.style.className 更改为.className

标签： javascript jquery css parent classname

【解决方案1】：

您是否尝试删除 .style.className 中的 .style ？

【讨论】：

【解决方案2】：

只需使用 document.getElementById().className

var messages = window.opener.document.getElementById("messages");
messages.innerHTML="Now linked to Facebook page at "+  link + ".";
var firstmessage = window.opener.document.getElementById("firstmessage");
firstmessage.style.display = 'block';
firstmessage.className += ' notice_msg ';
var choosefanpagebtn = window.opener.document.getElementById("choosefanpagebtn");
choosefanpagebtn.className = "green_button";

【讨论】：

如果你解释一下你在这段代码中做了什么可能会更好:)

【解决方案3】：

去掉choosefanpagebtn后的.style：

var choosefanpagebtn = window.opener.document.getElementById("choosefanpagebtn");
choosefanpagebtn.className = "green_button";

应该可以。没有测试，告诉我。此外，这行是不必要的：

choosefanpagebtn.className = "";

因为你没有做 +=。如果你以某种方式做到了，然后

choosefanpagebtn.className += "green_button";

后来，我发现那条线很有用。

【讨论】：

你赢了！！！但我想知道多少。这些答案应该以毫秒为单位列出。谢谢。
哈哈，没问题！是的，我在这里没有看到确切的发布时间。感谢您选择我的答案。