2013-10-26 106 views
0

嘿家伙我有一些代码在这里动态地改变使用Javascript获取这些元素的Paragragh HTML元素的背景颜色..我的代码中的问题是,它显示黄色条纹反对将整个段落文本更改为黄色并且不着色我的按钮背景。使用DOM和改变颜色的JavaScript

这只是一个学习练习,但我想知道如何解决这个问题。

下面是完整的代码: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; 
    } 

回答

0

至于我可以告诉你指的是与黄色条纹是什么只是因为你有多个段落,如果你想整个背景是它发黄集到div包含这些段落。

+0

谢谢。你是唯一回答我的问题的人。设置div做诡计! –

0

你不需要window.onload功能,为您选择onLoad你的小提琴,framework and extension下,只是将其删除。你应该选择的

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

然而​​

$("changecolor").onclick = processInfo; 

这一翻译,在网页的实现是正确

Demo

Demo With window.onload

0

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

LINK

更改后的工作fiddle

或者只是删除window.onload