JavaScript改變HTML元素的樣式改變CSS及元素屬性
更新時(shí)間:2013年11月12日 17:40:45 作者:
改變CSS及元素屬性的方法有很多,在本文將為大家介紹下使用js是如何做到的,感興趣的朋友可以感受下
改變 HTML 樣式
如需改變 HTML 元素的樣式,請(qǐng)使用這個(gè)語(yǔ)法:
document.getElementById(id).style.property=new style
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color="blue";
</script>
JS改變?cè)貙傩?
<script>
var div = document.getElementByIdx_x('d1');
div.setAttribute("class", "abc");
</script>
如需改變 HTML 元素的樣式,請(qǐng)使用這個(gè)語(yǔ)法:
復(fù)制代碼 代碼如下:
document.getElementById(id).style.property=new style
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color="blue";
</script>
JS改變?cè)貙傩?
復(fù)制代碼 代碼如下:
<script>
var div = document.getElementByIdx_x('d1');
div.setAttribute("class", "abc");
</script>
您可能感興趣的文章:
- php完全過濾HTML,JS,CSS等標(biāo)簽
- XML、HTML、CSS與JS的區(qū)別整理
- HTML+CSS+JS實(shí)現(xiàn)完美兼容各大瀏覽器的TABLE固定列
- 用html+css+js實(shí)現(xiàn)的一個(gè)簡(jiǎn)單的圖片切換特效
- js實(shí)現(xiàn)單一html頁(yè)面兩套css切換代碼
- js+html+css實(shí)現(xiàn)鼠標(biāo)移動(dòng)div實(shí)例
- JavaScript/jQuery、HTML、CSS 構(gòu)建 Web IM 遠(yuǎn)程及時(shí)聊天通信程序
- php中去除所有js,html,css代碼
- 詳解關(guān)于html,css,js三者的加載順序問題
相關(guān)文章
js調(diào)試系列 控制臺(tái)命令行API使用方法
上次初步介紹了什么是控制臺(tái),以及簡(jiǎn)單的 console.log 輸出信息。最后還有兩個(gè)小問題,我們就當(dāng)回顧,來(lái)看下怎么操作吧2014-06-06javascript實(shí)現(xiàn)劃詞標(biāo)記+劃詞搜索功能
javascript實(shí)現(xiàn)劃詞標(biāo)記+劃詞搜索功能...2007-03-03js實(shí)現(xiàn)上一頁(yè)下一頁(yè)的效果【附代碼】
下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)上一頁(yè)下一頁(yè)的效果【附代碼】。小編覺得非常不錯(cuò)。現(xiàn)在分享給大家。希望能給大家一個(gè)參考。2016-03-03Javascript網(wǎng)頁(yè)搶紅包外掛實(shí)現(xiàn)分享
本篇文章通過一個(gè)搶紅包的網(wǎng)頁(yè)實(shí)例講述了Javascript書寫的原理以及思路,有興趣的朋友參考學(xué)習(xí)下。2018-01-01JavaScript常考手寫題之柯里化與數(shù)組扁平化的實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了JavaScript??际謱戭}中柯里化與數(shù)組扁平化、數(shù)組去重的實(shí)現(xiàn),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12JavaScript動(dòng)態(tài)改變HTML頁(yè)面元素例如添加或刪除
HTML頁(yè)面元素可以通過js動(dòng)態(tài)改變,比如可以向HTML中添加元素或刪除某個(gè)元素,下面為示例代碼,感興趣的朋友不要錯(cuò)過2014-08-08