第九章 改变 HTML 样式
2016-04-27 10:00
459 查看
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢?
语法:
Object.style.property=new style;
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。
!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style样式</title>
</head>
<body>
<h2 id="con">I love JavaScript</H2>
<p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<script type="text/javascript">
var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor ="#ccc";
mychar.style.width="300px";
</script>
</body>
</html>
语法:
Object.style.property=new style;
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。
!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style样式</title>
</head>
<body>
<h2 id="con">I love JavaScript</H2>
<p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<script type="text/javascript">
var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor ="#ccc";
mychar.style.width="300px";
</script>
</body>
</html>
相关文章推荐
- CSS---再谈行内元素和块级元素
- DIV+CSS布局
- 转载---CSS3实现曲线阴影和翘边阴影
- div、css圆形头像
- css inline忽略宽和高
- 网页加载速度优化2--先加载css,然后再加载js文件。
- Css表格
- CSS3基础第一篇(圆角,阴影,渐变,选择器)
- CSS魔法堂:重拾Border之——解构Border
- CSS选择器
- mac下webstorm添加scss watcher
- CSS 使用Sprites技术实现圆角效果
- css清除浮动
- 6.5 Ext.util.CSS 更好地操作css
- 高性能 CSS3 动画
- 作为后台人员你需要知道的CSS基本知识
- 修改文件上传按钮样式
- (转载)CSS3自定义滚动条样式 -webkit-scrollbar
- css的伪元素::after和::before的使用
- 多行文本溢出用省略号表示