<!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中的內(nèi)容,還是要加上innerHTML(雖說不區(qū)分大小寫,但是測試的時候發(fā)現(xiàn)還是有區(qū)分的,最好寫規(guī)范點(diǎn)吧)。
當(dāng)用js點(diǎn)擊事件,通過類似 var k=document.getElementById("a"); k.style.color="red"來修改css樣式,當(dāng)要通過有一個一鍵還原鍵來取消原來的css樣式時,有兩種方法。
方法一:function cancle(){
var k=document.getElementById("a");
var r=confirm("是否一鍵還原原有樣式?");
if(r==true){
k.style.color="";
}
} 相對應(yīng)修改的樣式,一個個來取消。
方法二:function cancle(){
var k=document.getElementById("a");
var r=confirm("是否一鍵還原原有樣式?");
if(r==true{
k.style.cssText="none";
}
}
其中style.cssText就是設(shè)置html中元素的css樣式,但是不適用與IE,因為IE會把它的設(shè)置語句打印出來。(http://www.3lian.com/edu/2014/11-08/178107.html)