javascript - javascriptまたはjqueryを使用して親ウィンドウのボタンのcssクラスを変更する方法は?

Question

親ウィンドウのボタンのクラスをポップアップから変更しようとしています。表示を変更できますが、クラスの変更が反映されていないようです。ポップアップで実行されるこのコードの何が問題になっていますか? 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";

ありがとうございました。

Answer 1

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

Answer 2

choosefanpagebtn の後に .style を削除します。

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

動作するはずです。テストしていません、教えてください。また、この行は不要でした:

choosefanpagebtn.className = "";

+= をしていないからです。どういうわけかあなたがそれをしたなら、そして

choosefanpagebtn.className += "green_button";

後で、その行が役立つことがわかりました。

Answer 3

.style.className の .style を削除しようとしましたか?