js的style.cssText

<!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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容