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