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运行，只需在选择onLoad小提琴时将其删除，在framework and extension. 你应该选择no wrap (head) option

$("changecolor").onclick = processInfo;

而不是

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

但是，在网页中您的实现是正确的

演示

带有 window.onload 的演示

于 2013-10-26T05:59:21.460 回答
0

据我所知，您所指的黄色条纹只是因为您有多个段落，如果您希望整个背景为黄色，请将其设置为包含这些段落的 div。

于 2013-10-26T06:30:32.777 回答
0

你的代码很好。在 jsfiddle 中，您应该选择 no wrap (head) 选项。

关联

更改后的工作小提琴。

或者只是删除window.onload

于 2013-10-26T06:06:46.177 回答