官场太子爷:DIV中的id到底是什么意思
来源:百度文库 编辑:查人人中国名人网 时间:2024/07/06 08:25:26
有种说法是div中的ID就是div这个块的名字
另一种说法是div中的id的作用和class一样
那么一个<div id=xxx>
中,这个id到底是什么意思?
另一种说法是div中的id的作用和class一样
那么一个<div id=xxx>
中,这个id到底是什么意思?
名字,别名
用来唯一标记出div的别名方便后边的编程
在程序中(比如javascript)
可以通过这一标识来访问到这个DIV
比如改变字体:
document.all("div-id").font = "xxxxx"
ID和class不一样
class是在使用css的时候,用来指定预定义的Style集合的名字
HTML中id定义元素的唯一id,能过这个id实现CSS样式设置,元素查找等功能,在CSS样式中以#id1{ /*定义id为id1元素的样式*/ }方式定义元素样式,javascript使用document.getElementById("id1")来查找并返回id为id1的元素。具体如下例所示:
<!DOCTYPE html>
<head>
<title>Test DIV ID</title>
<style>
#id1 {
border: 1px solid red;
width: 200px;
}
</style>
</head>
<body>
<div id="id1"> </div>
<script type="text/javascript">
document.getElementById("id1").innerText = "这是ID为id1的DIV";
</script>
</body>
</html>
效果如下 :
用来唯一标记出div的别名方便后边的编程
名字,别名,