【Web APIs】JavaScript 操作元素 ( 修改元素样式属性 | 行内样式操作 - element.style | 类名样式操作 | 类列表样式操作 )
warning:
这篇文章距离上次修改已过254天,其中的内容可能已经有所变动。
// 获取元素
var ele = document.getElementById('ele');
// 修改元素的样式属性
ele.style.color = 'red'; // 设置字体颜色为红色
ele.style.fontSize = '20px'; // 设置字体大小为20像素
ele.style.backgroundColor = 'yellow'; // 设置背景颜色为黄色
在这个例子中,我们首先通过document.getElementById
获取了一个元素,然后通过直接修改style
属性来改变元素的样式。这里修改了元素的color
、fontSize
和backgroundColor
属性。这种方式适用于修改行内样式,并且可以立即反映在页面上。
评论已关闭