JavaScript では、style オブジェクト属性を使用して背景色を変更できます。構文形式は「element object.style.background="color value"」です。 Style オブジェクトは単一のスタイル宣言を表し、スタイルが適用されるドキュメントまたは要素からアクセスできます。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
<html>
<head></head>
<body>
<ul id="ul1">
<li></li>
<li></li>
<li></li>
<li class="box"></li>
<li></li>
<li class="box"></li>
<li class="box"></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
<script>
window.onload = function () {
//获取名字ul1的ID
var oUl = document.getElementById("ul1");
//获取li标签
var aLi = oUl.getElementsByTagName("li");
//循环li
for (var i = 0; i < aLi.length; i++) {
//判断li标签名字为className为box
if (aLi[i].className == "box") {
//给li标签加背景色
aLi[i].style.background = "red";
}
}
};
</script>[推奨学習: JavaScript 上級チュートリアル]
以上がJavaScriptで背景色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
