javascript - 如何: change css class of a button in a parent window with javascript or jquery?

Question

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

   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";

谢谢。

Answer 1

去掉choosefanpagebtn后面的.style:

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

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

choosefanpagebtn.className = "";

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

choosefanpagebtn.className += "green_button";

后来，我发现该行很有用。