js 设置style

作者：碎花洋裙的优雅发布日期:2025-04-08 浏览:61

// 示例代码：通过 JavaScript 设置元素的样式

// 获取 HTML 元素
const element = document.getElementById('myElement');

// 方法 1: 直接设置 style 属性
element.style.color = 'blue';  // 设置文本颜色为蓝色
element.style.fontSize = '20px';  // 设置字体大小为 20px

// 方法 2: 使用 CSS 类名来设置样式
element.classList.add('my-class');  // 添加一个 CSS 类
element.classList.remove('old-class');  // 移除一个 CSS 类

// 方法 3: 设置内联样式表
element.setAttribute('style', 'background-color: yellow; padding: 10px;');

// 解释：
// 1. `element.style` 可以直接访问和修改元素的内联样式。
// 2. `classList` 用于管理元素的类名，可以添加、移除或切换类。
// 3. `setAttribute` 可以一次性设置多个样式属性，但建议尽量使用前两种方法，以保持代码清晰。

上一篇：js style

下一篇：threejs 画线