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

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

猜你喜欢

转载自blog.csdn.net/JaRiS_jade/article/details/79585107