JavaScript 使用 DOM 和改变颜色答案

【问题标题】：JavaScript Using the DOM And Changing ColorsJavaScript 使用 DOM 和改变颜色
【发布时间】：2013-11-05 08:56:29
【问题描述】：

嘿，伙计们，我这里有一些代码可以使用 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;
   }

【问题讨论】：

标签： javascript html arrays dom

【解决方案1】：

您不需要window.onload 功能，只需将其删除，因为您在framework and extension 下选择了onLoad 您的小提琴。你应该选择no wrap (head) option

$("changecolor").onclick = processInfo;

而不是

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

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

Demo

Demo With window.onload

【讨论】：

【解决方案2】：

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

LINK

更改后工作 fiddle。

或者只是删除window.onload

【讨论】：

【解决方案3】：

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

【讨论】：

谢谢。你是唯一回答我问题的人。设置 div 就行了！