使用DOM和改變顏色的JavaScript

嘿傢伙我有一些代碼在這裏動態地改變使用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; 
    }

來源

2013-10-26 king_sw4

至於我可以告訴你指的是與黃色條紋是什麼只是因爲你有多個段落，如果你想整個背景是它發黃集到div包含這些段落。

來源

2013-10-26 06:30:32

謝謝。你是唯一回答我的問題的人。設置div做詭計！ –

你不需要window.onload功能，爲您選擇onLoad你的小提琴，framework and extension下，只是將其刪除。你應該選擇的

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

然而

$("changecolor").onclick = processInfo;

這一翻譯，在網頁的實現是正確

Demo

Demo With window.onload

來源

2013-10-26 05:59:21 Satpal

你的代碼很好。在jsfiddle中，你應該選擇no wrap（head）選項。

LINK

更改後的工作fiddle。

或者只是刪除window.onload

來源

2013-10-26 06:06:46 bhb

使用DOM和改變顏色的JavaScript

回答

相關問題