#🚧/1

DOM

代码示例

// 修改 style (背景颜色)
var title = document.querySelector("h1");
title.style.backgroundColor = "white";

// 修改 HTML 内容
document.querySelector("h1").innerHTML = "Goodbye";

实现按钮切换标题颜色

<body>
	<h1> Hello </h1>
	<button> Click me </button>
</body>

.title {
	color: red;
}

// querySelector    是对象选择器
// addEventListener 是增加监听对象
// classList.toggle 是增加/删除class
document.querySelector("button").addEventListener("click", function() {
	document.querySelector("h1").classList.toggle("title");
});

  1. https://www.bilibili.com/video/BV1Nt411q73a/ ↩︎

Connected Pages
On this page
Pages mentioning this page
Web Frontend