HTML 中的 id 和 class

学海无涯，回头是岸 —— but，Being a programer one day，U can not turn back！

学学css，突然对 HTML 的 id 和 class不太明白，网上各位大侠都说的大多是针对css的，一起来学习学习8.

HTML 中的id和class

HTML作为文本标记语言，定义了标签，或者称为元素，而id和class是其全局属性中的两个：
id：顾名思义，元素的唯一标识id，页面中不应有重复
class：元素的类名称（可以通过元素的classname来访问它

js中的id和class

<p id="idandclass">id和class</p>

我们知道在js中可以通过 var e = getElementById(‘idandclass’);
获得DOM的元素变量，并可以操作该元素。
而class作为元素的类名称，更多的是用于css样式表。

<style>
p1 {color:red;text-align:center;}
</style>
<p id="idandclass1" class="p1">id和class 在js中的区别</p>
<p id="idandclass1" class="p2">id和class 在css应用</p>

在js中可以通过 e = this.getElementsByTagName(’*’); 获取所有元素。
再通过 e[x].className == ‘p1’,由class判断元素——当然如果元素 有多个类需要进一步处理。

css中的id和class

在css中 可以使用 #id —— id选择其选择具体元素。

<style> #idandclass1 {color:green;font-size:12pt;}</style>
<p id="idandclass1" class="p1">id和class 在js中的区别</p>

至于class，就不多说了

我去继续学习了…