当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 原生JS应该如何获取元素?

原生JS应该如何获取元素?

2019年03月19日  | 移动技术网IT编程  | 我要评论
原生js可以直接使用id名称来获取元素 eg: html <form> <select name="choice" siz

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

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网