0

現在、ページに表示されているボタンを非表示にしながら、自動的に非表示になっている別のボタンを表示しようとしています (両方ともページにあり、新しいボタンを追加するのではなく、表示を変更するだけです)。

これが今の様子です：

<div class="myAwesomeButtons">
     <button id="first_button" class="blue_button inset_button" style="">First</button>
     <button id="second_button" class="green_button inset_button" style="display: none;">Second</button> 
     <button id="third_button" class="other_button">Third</button>
</div>

style最初のボタンを削除し、2 番目のボタンの属性を削除しようとしています。Chrome 拡張機能内で JavaScript を使用してこれを実現するにはどうすればよいですか?

すでに manifest.json ファイルを順番に用意していますが、残りをどのように処理すればよいかわかりません。

これは私が試したものですが、何が間違っているのかわかりません：

function fixButtons() {
    document.getElementsByClassName("myAwesomeButtons")[0].style.visibility='hidden';
    document.getElementsByClassName("myAwesomeButtons")[1].style.visibility='visible';
}

fixButtons();
4

2 に答える 2

0 
function fixButtons() {
  var buttonGroup = document.getElementsByClassName("myAwesomeButtons")[0].getElementsByTagName("button");
  buttonGroup[0].style.visibility='hidden';
  buttonGroup[1].style.visibility='visible';
}
于 2013-07-10T18:42:24.350 に答える