网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 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或者为空字符串)
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/13 9:53:16