原生js可以直接使用id名称来获取元素
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元素,这容易混淆。