4.15. 设置元素样式 [深入浅出 Greasemonkey]

4.15. 设置元素样式

如果只需要设置单个元素的少数样式，可以“手动地”在这个元素的 style 属性中设置多个子属性。

例 4.19. 设置单个元素的样式

假设有个元素 ID 为 "logo"。

var logo = document.getElementById('logo');
logo.style.marginTop = '2em';
logo.style.backgroundColor = 'white';
logo.style.color = 'red';

并不是每个样式的属性名称都是显然的。通常，它们有相似的模式，例如 margin-top 对应 someElement.style.marginTop。但是也有例外：float 属性对应到 someElement.style.cssFloat，因为 float 是 Javascript 的保留字。

实例

Access Bar
BetterDir
Blogdex Display Title
Zoom Textarea

参考资料

CSS 属性

← 获取元素样式

处理已渲染的页面 →