JavaScript 使用 Style 对象属性可以动态的改变文本的样式, Style 对象代表一个单独的样式声明. 可从应用样式的文档或元素访问 Style 对象.
使用 Style 对象属性的语法:
document.getElementById("id").style.property="值"
使用 style 动态修改文本样式:
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <title>
- xiao001
- </title>
- </head>
- <body>
- <p id="demo">
- change the color of this paragraph
- </p>
- <button type="button" onclick="my_function()">
- do it
- </button>
- <script type="text/javascript">
- function my_function() {
- var cnt = document.getElementById('demo'); // 找到元素
- cnt.style.color = "#ff0000"; // 改变样式
- }
- </script>
- </body>
- </HTML>
运行结果:
Style 对象的属性:
背景
边框和边距
布局
列表
杂项
定位
打印
滚动条
表格
文本
规范
来源: http://www.css88.com/qa/javascript/11466.html