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)文章
上次初步介紹了什么是控制臺，以及簡單的 console.log 輸出信息。最后還有兩個小問題，我們就當回顧，來看下怎么操作吧2014-06-06
javascript實現(xiàn)劃詞標記+劃詞搜索功能...2007-03-03
這篇文章主要介紹了javascript操作元素的常見方法,結(jié)合實例形式總結(jié)分析了JavaScript針對頁面元素動態(tài)獲取、賦值、動態(tài)操作相關(guān)使用技巧,需要的朋友可以參考下2019-11-11
下面小編就為大家?guī)硪黄钊肜斫釰S中的substr和substring。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-04-04
下面小編就為大家?guī)硪黄猨s實現(xiàn)上一頁下一頁的效果【附代碼】。小編覺得非常不錯?，F(xiàn)在分享給大家。希望能給大家一個參考。2016-03-03
Javascript網(wǎng)頁搶紅包外掛實現(xiàn)分享
本篇文章通過一個搶紅包的網(wǎng)頁實例講述了Javascript書寫的原理以及思路，有興趣的朋友參考學(xué)習(xí)下。2018-01-01
下面小編就為大家?guī)硪黄仙Ｕ勗鶭S執(zhí)行環(huán)境與作用域。小編覺得挺不錯的，希望對大家有所幫助。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-11-11
JavaScript常考手寫題之柯里化與數(shù)組扁平化的實現(xiàn)
這篇文章主要為大家詳細介紹了JavaScript?？际謱戭}中柯里化與數(shù)組扁平化、數(shù)組去重的實現(xiàn),文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12
這篇文章主要介紹了JavaScript中的對象序列化介紹,JavaScript中的對象序列化是通過JSON.stringify()來實現(xiàn)的,而反序列化則通過JSON.parse()來實現(xiàn),需要的朋友可以參考下2014-12-12
JavaScript動態(tài)改變HTML頁面元素例如添加或刪除
HTML頁面元素可以通過js動態(tài)改變，比如可以向HTML中添加元素或刪除某個元素，下面為示例代碼，感興趣的朋友不要錯過2014-08-08