<p id="p1"> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<input type="button" value="添加样式" onclick="add()"/>
<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<input type="button" value="更改外观" onclick="modify()"/>
我想问问 ID为P1的 那个 后面为什么没有class='one'或者class='✘✘✘'什么的?
后面的那个是P2 为什么写的是class='p1' 怎么不写成class='p2'?
问题一：你可以选择写上去，但是没有意义。
----- 即：你可以在<p id="p1">...(省略)</p> 后面加上class="xxx" ，但是没有意义，因为用不着。
问题二：<p id="p2" class="one">...(省略)</p> 首先，这里id="p2"后面写的是class="one" 而不是p1，这里的其实名字( 也就是类的名字 ) 你可以随便写，不过相应的要在function modify(){ }里面进行修改，因为你是同通过var obj=document.getElementById("")获取节点元素对象，在这个基础上通过这个对象的obj.className="xxx"方法来改变节点元素（也就是标签）的类名的。如果在这之前类的名字发生了改变，你是不是应该把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>
这样，这两个的样式都会发生改变，宽都会是500px;
id是id选择器，class是类选择器。两者在<style></style>里面所设置的样式表达方式也不样。设置id选择器样式为#id，设置类选择器样式为.class。问题中没有class就代表没有对应的类选择器的样式。class="p1"和class="p2"选择谁其实都无所谓，只要你在类选择器里设置好样式就可以了。