TA的每日心情 | 开心
2021-3-12 23:18 |
|---|
签到天数: 2 天 [LV.1]初来乍到
|
|
DOM中每个元素对象都有一个style属性,这个属性就是DOM对样式操作的基础.该属性可以对CSS样式信息进行读写. 比如,对颜色,可以用 element.style.color来访问(element是假设的元素节点). 总结:访问元素节点的style属性基本方法是 节点.style.css属性 ???? 而CSS中有一类属性是通过-来连接的,比如:font-size,font-weight.这些在DOM中将不能识别(javascript把-识别为减号).但DOM提供了这样的方法来解决: font-size--->fontSize;font-weight--->fontWeight 规律:遇到有-连接符的css样式属性,则去掉-,转化减号后的第一个字母为大写. 另外,对于样式缩写问题,DOM是如下操作的.比如: style="font:2em Times,serif;"在DOM下写作:element.style.font="2em Times,serif";//一些字体是要用单引号引起来的,一般是自定义引用的字体例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
function changefont(){
var pbox=document.getElementsByTagName("p")[0];
pbox.className+=" me2";
}
</script>
<style>
.me{
font:5em "MS Sans Serif";
}
.me2{
color:red;
font-style:italic;
}
</style>
</head> <body>
<p class="me">hello,草履虫!</p>
<input type="button" onClick="changefont();" value="改变">
</body>
</html>
源码下载：http://file.javaxxz.com/2014/10/30/235509000.zip |
|
|手机版|Java学习者论坛
( 声明：本站资料整理自互联网，用于Java学习者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )
发表于 2014-10-30 23:55:09