Javascript通過控制類名更改樣式

來源：懂視網責編：小采時間：2020-11-27 21:56:09

Javascript通過控制類名更改樣式

Javascript通過控制類名更改樣式:控制類名（className 屬性） className 屬性設置或返回元素的class 屬性。語法： object.className = classname 作用: 1.獲取元素的class 屬性 2. 為網頁內的某個元素指定一個css樣式來更改該元素的外觀 <!DOCTYPE HTML&g

推薦度：

點擊下載本文 文檔為doc格式

導讀Javascript通過控制類名更改樣式:控制類名（className 屬性） className 屬性設置或返回元素的class 屬性。語法： object.className = classname 作用: 1.獲取元素的class 屬性 2. 為網頁內的某個元素指定一個css樣式來更改該元素的外觀 <!DOCTYPE HTML&g

控制類名（className 屬性）

className 屬性設置或返回元素的class 屬性。

語法：

object.className = classname

作用:

1.獲取元素的class 屬性

2. 為網頁內的某個元素指定一個css樣式來更改該元素的外觀

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>className屬性</title>
<style>
 body{ font-size:16px;}
 .one{
border:1px solid #eee;
width:230px;
height:50px;
background:#ccc;
color:red;
 }
.two{
border:1px solid #ccc;
width:230px;
height:50px;
background:#9CF;
color:blue;
}
</style>
</head>
<body>
 <p id="p1" > JavaScript使網頁顯示動態效果并實現與用戶交互功能。</p>
 <input type="button" value="添加樣式" onclick="add()"/>
<p id="p2" class="one">JavaScript使網頁顯示動態效果并實現與用戶交互功能。</p>
 <input type="button" value="更改外觀" onclick="modify()"/>
<script type="text/javascript">
 function add(){
 var p1 = document.getElementById("p1");
 p1.className="one"; 
 }
 function modify(){
 var p2 = document.getElementById("p2");
 p2.className="two";
 }
</script>
</body>
</html>

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

Javascript通過控制類名更改樣式

推薦度：

點擊下載本文 文檔為doc格式

標簽：修改 js 樣式

熱門焦點

Javascript通過控制類名更改樣式

Javascript通過控制類名更改樣式

Javascript通過控制類名更改樣式

最新推薦

猜你喜歡

熱門推薦