<!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>
這里獲取的是整個(gè)P元素天揖,返回值是[object HTMLParagraphElement]夺欲,若想獲得p在html中的內(nèi)容,還是要加上innerHTML(雖說不區(qū)分大小寫今膊,但是測(cè)試的時(shí)候發(fā)現(xiàn)還是有區(qū)分的些阅,最好寫規(guī)范點(diǎn)吧)。
當(dāng)用js點(diǎn)擊事件斑唬,通過類似 var k=document.getElementById("a"); k.style.color="red"來修改css樣式市埋,當(dāng)要通過有一個(gè)一鍵還原鍵來取消原來的css樣式時(shí),有兩種方法恕刘。
方法一:function cancle(){
var k=document.getElementById("a");
var r=confirm("是否一鍵還原原有樣式缤谎?");
if(r==true){
k.style.color="";
}
} 相對(duì)應(yīng)修改的樣式,一個(gè)個(gè)來取消褐着。
方法二:function cancle(){
var k=document.getElementById("a");
var r=confirm("是否一鍵還原原有樣式弓千?");
if(r==true{
k.style.cssText="none";
}
}
其中style.cssText就是設(shè)置html中元素的css樣式,但是不適用與IE,因?yàn)镮E會(huì)把它的設(shè)置語(yǔ)句打印出來献起。(http://www.3lian.com/edu/2014/11-08/178107.html)