为了账号安全,请及时绑定邮箱和手机立即绑定

熊德们 都来谈论吧!! 请教你们

<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'?

正在回答

2 回答

问题一:你可以选择写上去,但是没有意义。

----- 即:你可以在<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;


0 回复 有任何疑惑可以回复我~

id是id选择器,class是类选择器。两者在<style></style>里面所设置的样式表达方式也不样。设置id选择器样式为#id,设置类选择器样式为.class。问题中没有class就代表没有对应的类选择器的样式。class="p1"和class="p2"选择谁其实都无所谓,只要你在类选择器里设置好样式就可以了。

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

熊德们 都来谈论吧!! 请教你们

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信