使用id引用DOM元素
2017-08-14 本文已影响42人
7天苹果
今天偶然发现,直接使用id就可以引用DOM元素,比如:
<body>
<section>
姓名:<input id="input" value="lipeishang"/>
</section>
</body>
那么,可以使用id来引用DOM元素,比如获取input的value值:
<script>
console.log(input.value); //"lipeishang"
</script>
那么你可能会问了,既然可以直接使用id来引用DOM元素,那document.getElementById()方法还有存在的意义么?
答案当然是需要。
原因是:如果页面上出现与id同名的变量, 则该变量代表的就是js的变量值, 而不指向html中的元素。
测试一下:
<head>
<script>
var input = {value:"mac"};
console.log(input.value); //"mac"
</script>
</head>
<body>
<section>
姓名:<input id="input" value="lipeishang"/>
</section>
</body>
所以尽量不建议id直接去引用DOM元素。