使用JavaScript的document.querySelector()
方法和style
属性,可以通过改变元素的CSS样式来实现动态的网页效果。下面我将为你提供一个详细的示例,展示如何使用querySelector()
和style
属性来改变元素的CSS样式。
首先,你需要在HTML文件中创建一个具有一些初始样式的元素。假设我们要改变一个具有"id"属性为"myElement"的<div>
元素的背景颜色。以下是一个简单的HTML结构示例:
<!DOCTYPE html>
<html>
<