                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript入門篇

關(guān)于className屬性的問(wèn)題

<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>控制類名（className屬性）</title>
</head>
<style?style?=?"text/css">
body{
?????font-size:20px;
?????color:red;
?????/*background-color:#666;*/
?????}
.one{
?????width:200px;
?????background-color:#666;
?????}
.two{
?????font-size:12px;
?????color:#F00;
?????}?????
</style>

<body>
<p?id?=?"con"?class?=?"one">JavaScript使網(wǎng)頁(yè)顯示動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互功能。</p>
<form>
<input?type?="button"?onclick?="modifyclass()"?value?="點(diǎn)擊更改屬性"?>
<input?type?="button"?onclick?="modify1()"?value?="點(diǎn)擊顯示更改后的屬性"?>
</form>
<script?type?="text/javascript">
var?myclass?=?document.getElementById("con");
document.write("P元素的Class值為："+myclass.className+"<br>");
function?modifyclass(){
	myclass.className?=?"two";
}
function?modify1(){
	document.write("改變后P元素的Class值是："+myclassName);
}

</script>
</body>
</html>

我的問(wèn)題是：想顯示更改后P元素的className屬性的值，為什么點(diǎn)擊“顯示更改后的屬性”按鈕時(shí)沒有反應(yīng)呢？

shaoxiao64017599

2017-02-28

源自：JavaScript入門篇 3-6

關(guān)注問(wèn)題我要回答

1409

操作

收起

4 回答

學(xué)習(xí)js 回答被采納 +3 積分
2017-02-28

<script?type?="text/javascript">
var?myclass?=?document.getElementById("con");
function?modifyclass(){
????myclass.className?=?"two";
????document.write("P元素的Class值為："+myclass.className+"<br>");
}

function?modify1(){
????myclass.className?=?"two";
????document.write("改變后P元素的Class值是："+myclass.className);
}
</script>

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

shaoxiao64017599 提問(wèn)者

明白了兩個(gè)函數(shù)

2017-02-28 回復(fù) 有任何疑惑可以回復(fù)我~

半夏半暖半晴天
2017-02-28

function?modify1(){

????myclass.className?=?"two";

????document.write("改變后P元素的Class值是："+myclass.className);

}

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

shaoxiao64017599 提問(wèn)者

恩恩明白了謝謝啦

2017-02-28 回復(fù) 有任何疑惑可以回復(fù)我~

Samuel_Yang
2017-02-28

<!DOCTYPE html>
<html>
<head>
? ?<meta charset="UTF-8">
? ?<title>控制類名（className屬性）</title>
</head>
<style style = "text/css">
? ?body{
? ? ? ?font-size:20px;
? ? ? ?color:red;
? ? ? ?/*background-color:#666;*/
? ?}
? ?.one{
? ? ? ?width:200px;
? ? ? ?background-color:#666;
? ?}
? ?.two{
? ? ? ?font-size:12px;
? ? ? ?color:#F00;
? ?}
</style>

<body>
<p id = "con" class = "one">JavaScript使網(wǎng)頁(yè)顯示動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互功能。</p>
<form>
? ?<input type ="button" onclick ="modifyclass()" value ="點(diǎn)擊更改屬性" >
? ?<input type ="button" onclick ="modify1()" value ="點(diǎn)擊顯示更改后的屬性" >
</form>
<script type ="text/javascript">
? ?var myclass = document.getElementById("con");
? ?function modifyclass(){
? ? ? ?myclass.className = "two";
? ?}
? ?function modify1(){
? ? ? ?myclass.className="one";
? ?}

</script>
</body>
</html>