<!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)
网友评论