JavaScript改變HTML元素的樣式改變CSS及元素屬性
更新時間：2013年11月12日 17:40:45 作者：
改變CSS及元素屬性的方法有很多，在本文將為大家介紹下使用js是如何做到的，感興趣的朋友可以感受下
改變 HTML 樣式
如需改變 HTML 元素的樣式，請使用這個語法：
document.getElementById(id).style.property=new style
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color="blue";
</script>
JS改變元素屬性;
<script>
var div = document.getElementByIdx_x('d1');
div.setAttribute("class", "abc");
</script>
如需改變 HTML 元素的樣式，請使用這個語法：
復制代碼 代碼如下:
document.getElementById(id).style.property=new style
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color="blue";
</script>
JS改變元素屬性;
復制代碼 代碼如下:
<script>
var div = document.getElementByIdx_x('d1');
div.setAttribute("class", "abc");
</script>
相關文章
這篇文章介紹了如何使用localStorage和sessionStorage設置失效時間來清除本地存儲的數據,并提供了一種自動清除過期數據的方法,需要的朋友可以參考下2025-02-02
AngularJs中Bootstrap3 datetimepicker使用實例
這篇文章主要為大家詳細介紹了AngularJs中Bootstrap3 datetimepicker使用實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要為大家詳細介紹了Javascript實現鼠標點擊冒泡特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了詳解babel升級到7.X采坑總結，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
讓光標默認停留在INPUT框中，用focus方法可以實現，下面有個示例代碼，需要的朋友可以參考下2014-07-07
from 表單提交的返回值可以用jquery的post或者是get方法去實現，具體如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08
JS動態(tài)增加刪除UL節(jié)點LI及相關內容示例
這篇文章主要介紹了JS如何動態(tài)增加刪除UL節(jié)點LI及相關內容,需要的朋友可以參考下2014-05-05
淺談javascript的Array.prototype.slice.call
發(fā)現大多人都用了Array.prototype.slice.call(argments,0)，一直不明白這句是干什么的。而昨天溫習了slice()方法，再參考Function.call(thisArg[, arg1[, arg2[, ...]]])，還是不得而知（我腦筋轉得慢:|）。2015-08-08
js中offset,client , scroll 三大元素知識點總結
在本篇文章里小編給大家整理了關于js 元素offset,client , scroll 三大系列總結，有需要的朋友們可以學習下。2019-09-09
本篇文章主要介紹了原生JS實現日歷組件的示例代碼，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09