javascript - 如何使用 javascript 引用某个部分？

Question

我需要参考我网站的部分，但我不知道如何（我刚刚开始对其进行标准处理）我创建了一个 .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;

}

如您所见，我将更改颜色应用于正文（倒数第二个命令行）如何将其应用于网站部分？

Answer 1

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

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

然后，在您的 javascript 中，获取div元素：

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