0

Javascript を使用して Paragragh HTML 要素の背景色を動的に変更し、これらの要素を取得するコードがいくつかあります。私のコードの問題は、段落テキスト全体を黄色に変更し、私のボタンの背景。

これは単なる学習演習ですが、これを修正する方法を知りたいです。

完全なコードは次のとおりです: http://jsfiddle.net/VcZdM/

  var $ = function (id)
  {
     return document.getElementById(id);
  }
    function processInfo()
  {
   var myPara = $("mypara");
   myPara.style.color = "blue";
   var myParent = myPara.parentNode;


   var TagName = document.getElementsByTagName("p");
   for (i=0;i<TagName.length;i++)
   {
   TagName[i].style.backgroundColor = "yellow";
   }

   }
   window.onload = function ()
   {
   $("changecolor").onclick = processInfo;
   }
4

3 に答える 3

0

機能する必要はありません。下でフィドルwindow.onloadを選択したので削除してください。を選択する必要があります。onLoadframework and extensionno wrap (head) option

$("changecolor").onclick = processInfo;

代わりに

window.onload = function ()
{
  $("changecolor").onclick = processInfo;
}

ただし、Webページでは実装は正しいです

デモ

window.onload を使用したデモ

于 2013-10-26T05:59:21.460 に答える
0

黄色のストライプで何を指しているのかがわかる限り、複数の段落があるためです。背景全体を黄色にしたい場合は、それらの段落を含む div に設定してください。

于 2013-10-26T06:30:32.777 に答える
0

あなたのコードは問題ありません。jsfiddle では、ラップなし (ヘッド) オプションを選択する必要があります。

リンク

変更後の作業フィドル。

または単に削除するwindow.onload

于 2013-10-26T06:06:46.177 に答える