廢話不多說了,直接給大家貼js代碼了,具體代碼如下所示:
<!doctype html><html><head><meta charset="utf-"><title>無標(biāo)題文檔</title><style>.fontSize{font-size:px;}.fontWeight{font-weight:bold;}</style></head><body><div id="div" class="fontSize fontWeight" style="color:red">div實(shí)例文本</div><button onclick="changeStyle()">changeStyle()</button><script>function changeStyle(){var div = document.getElementById("div");//div.className = "fontSize";//div.className += " fontWeight";//刪除單個(gè)class=""樣式//div.className = div.className.replace(/fontSize/,"");//刪除所有class=""樣式//div.removeAttribute("class");//刪除style=""中的單個(gè)樣式div.style.cssText = div.style.cssText.replace(/red/,"blue");//刪除style=""中的所有樣式//div.style.cssText = "";}</script></body></html>
以上內(nèi)容是針對JavaScript操作class和style樣式代碼詳解的全部內(nèi)容,希望對大家有所幫助。
新聞熱點(diǎn)
疑難解答