熊德們 都來談論吧?。? 請教你們
<p id="p1"> JavaScript使網頁顯示動態(tài)效果并實現(xiàn)與用戶交互功能。</p>
? ? <input type="button" value="添加樣式" onclick="add()"/>
<p id="p2" class="one">JavaScript使網頁顯示動態(tài)效果并實現(xiàn)與用戶交互功能。</p>
? ? <input type="button" value="更改外觀" onclick="modify()"/>
我想問問 ID為P1的 那個 后面為什么沒有class='one'或者class='???'什么的?
后面的那個是P2 為什么寫的是class='p1' 怎么不寫成class='p2'?
2016-07-07
問題一:你可以選擇寫上去,但是沒有意義。
----- 即:你可以在<p id="p1">...(省略)</p> 后面加上class="xxx" ,但是沒有意義,因為用不著。
問題二:<p id="p2" class="one">...(省略)</p> 首先,這里id="p2"后面寫的是class="one" 而不是p1,這里的其實名字( 也就是類的名字 ) 你可以隨便寫,不過相應的要在function?modify(){ ?}里面進行修改,因為你是同通過var obj=document.getElementById("")獲取節(jié)點元素對象,在這個基礎上通過這個對象的obj.className="xxx"方法來改變節(jié)點元素(也就是標簽)的類名的。如果在這之前類的名字發(fā)生了改變,你是不是應該把obj.className="xxx"改一下?對吧。
最后,如果class="xxx",對于相同類名 即:xxx的時候,是可以多處使用的。也就是說類名可以一樣,不過CSS樣式也一樣而已。
-----就拿這個例子來說:
<style type="text/css">
.t1{
display:block;
width:500px;
background-color:gray;
}
</style>
<p id="p1" class="t1">...</p>
<p id="p2" class="t1">...</p>
這樣,這兩個的樣式都會發(fā)生改變,寬都會是500px;
2016-06-30
id是id選擇器,class是類選擇器。兩者在<style></style>里面所設置的樣式表達方式也不樣。設置id選擇器樣式為#id,設置類選擇器樣式為.class。問題中沒有class就代表沒有對應的類選擇器的樣式。class="p1"和class="p2"選擇誰其實都無所謂,只要你在類選擇器里設置好樣式就可以了。