美文网首页
js的style.cssText

js的style.cssText

作者: 啊哈嗯哼 | 来源:发表于2016-07-16 17:18 被阅读63次

    <!doctype html>
    <head>
    <meta charset="utf-8">
    <title>用JS获取元素</title>
    </head>
    <body>
    <p id="a">I will succeed!</p>
    <script>
    var k=document.getElementById("a");
    document.write(k);
    </script>
    </body>
    </html>
    这里获取的是整个P元素,返回值是[object HTMLParagraphElement],若想获得p在html中的内容,还是要加上innerHTML(虽说不区分大小写,但是测试的时候发现还是有区分的,最好写规范点吧)。

    当用js点击事件,通过类似 var k=document.getElementById("a"); k.style.color="red"来修改css样式,当要通过有一个一键还原键来取消原来的css样式时,有两种方法。
    方法一:function cancle(){
    var k=document.getElementById("a");
    var r=confirm("是否一键还原原有样式?");
    if(r==true){
    k.style.color="";
    }
    } 相对应修改的样式,一个个来取消。
    方法二:function cancle(){
    var k=document.getElementById("a");
    var r=confirm("是否一键还原原有样式?");
    if(r==true{
    k.style.cssText="none";
    }
    }
    其中style.cssText就是设置html中元素的css样式,但是不适用与IE,因为IE会把它的设置语句打印出来。http://www.3lian.com/edu/2014/11-08/178107.html

    相关文章

      网友评论

          本文标题:js的style.cssText

          本文链接:https://www.haomeiwen.com/subject/lpdujttx.html