JavaScript 使用 DOM 和更改颜色

JavaScript Using the DOM And Changing Colors

本文关键字：颜色 使用 DOM JavaScript      更新时间：2023-09-26

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

据我所知，你所说的黄色条纹只是因为你有多个段落，如果你想让整个背景是黄色的，请把它设置为包含这些段落的div。

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

$("changecolor").onclick = processInfo;

的

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

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

演示

演示与窗口加载

你的代码很好。在 jsfiddle 中，您应该选择无换行（头部）选项。

链接

更改后的工作摆弄。

或者只是删除window.onload

相关文章：