原生JS可以直接使用ID名称来获取元素
发布时间: 2018-03-16 18:01:31
eg:
html
<form>
<select name="choice" size="1" id="obj">
<option value="a">1</option>
<option value="b">2</option>
<option value="c">3</option>
</select>
</form>
js
//获取id为obj元素
console.log(obj);
//获取id为obj元素的所有option元素
console.log(obj.options);
console.log(obj.children);
//获取id为obj元素的选中的option项的文本
console.log(obj.options[obj.selectedIndex].text);
//获取id为obj元素的选中的option项的name
console.log(obj.options[obj.selectedIndex].value);
tips:
不建议使用此方式来获取元素,因为:
如果如上的obj赋值的话,那它就会成为一个变量,不再代表dom元素,这容易混淆。