通过id属性值查找标签元素时，id不能重复，如果重复，则获取第一个。
获取的结果为具体的一个标签,即dom对象，即document文档中的一个节点对象。
请看以下代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>通过id属性获取页面元素</title>
</head>
<body>
<div id="div1" class="div100 div300">div1</div>
<div id="div1" class="div11 div33">div111</div>
<div id="div2" class="div100">div2</div>
<div id="div3" class="div200">div3</div>
<div id="div4" class="div200">div4</div>
<input type="button" name="" value="按钮" id="btn">
姓名：<input type="text" name="username" value="" id="username">
密码：<input type="password" name="password" value="" id="password">
性别：<input type="radio" name="sex" value="" id="nan">男
<input type="radio" name="sex" value="" id="nv">女
</body>
<script>
var btn = document.getElementById('div1');
console.log(btn);
</script>
</html>
解释：
在当前html文档中存在两个id为div1的标签，我们使用document.getElementById('div1')来获取标签时，只能获取到第一个id为div1的标签。
|
窥视卡
雷达卡
发表于 2023-1-24 14:11:45
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2023-2-16 08:59:50
