dom样式编程
来源: 阅读:1149 次 日期:2016-06-29 08:50:51
温馨提示: 小编为您整理了“dom样式编程”,方便广大网友查阅!

dom样式编程,简单的理解就是通过javascript来操作页面元素的属性,来改变页面显示效果。页面中通过引入style对象来管理元素的css属性。dom也采用style对象来管理。

style对象包含与每个css样式对应的特性,虽然格式不同,单个单词的css样式,以相同名字的特性来表示,但是style对象中,两个单词的样式的表示方式是通过将第一个单词加

上首字母大写的第二个残次,并且单词间没有横杠。

下面列出了一些常用的css特性以及她们对应的javascript中style对象的表示

css样式特性 javascript样式特性

background-color style.backgroundcolor

color style.color

font style.font

font-family style.fontfanmily

font-weight style.fontweight

以上是举了几个简单的例子。

<html>

<title>网站制作学习网</title>

<head>

<script language=javascript>

function forasp_cn()

{

var forasp_cn_div = document.getelementbyid(forasp_div);

alert(原来颜色是+forasp_cn_div.style.backgroundcolor+\n点击后变为green);

forasp_cn_div.style.backgroundcolor = green;

}

</script>

</head>

<body>

<div id=forasp_div style=background-color:red; onclick= forasp_cn();>网站制作学习网点击看看</div>

</body>

</html>

style对象还有csstext特性,这个特性包含了所有描述元素样式的css字符串。

用法:对象.style.csstext。这样就获取了全部的style的样式内容。

dom样式的方法

getpropertyvalue(properyname)-返回css特性propertyname的字符串值。特性必须按照css样式定义。例如background-color而不是backgroundcolor;

getpropertypriority()-如果在规则中指定特性important,则返回important,否则返回空的字符串。

item(index)-返回在给定索引的index处的css特性的名称,称background-color;

removeproperty(propertyname)-从css定义中删除propertyname

setproperty(propertyname,value,priority)-按照指定的优先级priority来设置css特性propertyname的value值(priority的值可以为impertinent或者为空字符串)

更多信息请查看脚本栏目
手机网站地址:dom样式编程
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map