原生JS可以直接使用ID名称来获取元素

原生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元素，这容易混淆。