如何用javascript引用一个部分?

时间:2013-10-07 14:27:51

标签: javascript css html5

我需要参考我网站的部分,我不知道如何(我刚刚开始stdy它) 我做了一个.js函数,它同意改变身体的背景颜色。我这样做了:

function changeBackground() {


var rd = parseInt(document.getElementById('red').value);
var gn = parseInt(document.getElementById('green').value);
var bl = parseInt(document.getElementById('blue').value);


var rdhex = (rd < 16) ? "0" + rd.toString(16) : rd.toString(16);
var gnhex = (gn < 16) ? "0" + gn.toString(16) : gn.toString(16);
var blhex = (bl < 16) ? "0" + bl.toString(16) : bl.toString(16);

// create a variable that concatenates all the parts
var hexcode = "#" + rdhex + gnhex + blhex;


document.body.style.backgroundColor = hexcode;
document.getElementById('hexdisplay').innerHTML = hexcode;

}

你可以看到我将changecolor应用到正文(倒数第二个命令行)如何将它应用到网站的部分?

1 个答案:

答案 0 :(得分:0)

例如,您必须使用div标记定义部分。然后,添加id属性,以便您可以识别它。

<div id="leftSection"> ... </div>

然后,在您的javascript中,获取div元素:

var leftSection = document.getElementById("leftSection");
leftSection.style.backgroundColor = hexcode;