您的位置 首页 javascript教程

js怎么获取标签的值?

本篇文章将介绍JS获取标签值的方法。

可以使用对象的innerText属性获取标签的值。

<style type="text/css">.attr{border:1px solid red;width:40px;height:20px;margin:30px 40px;}</style><div name="gary" age="30" class="attr" onclick="onBtn(this)">按钮</div><script type="text/javascript">function onBtn(obj){alert(obj.innerText);};</script>

也可以通过JS获取DOM元素的方法(8种):

通过ID获取(getElementById)

通过name属性(getElementsByName)

通过标签名(getElementsByTagName)

通过类名(getElementsByClassName)

获取html的方法(document.documentElement)

获取body的方法(document.body)

通过选择器获取一个元素(querySelector)

通过选择器获取一组元素(querySelectorAll)

先获取标签,再使用value等获取标签的值。

例如:

利用document.getElementsByTagName(‘标签名’);

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title></head><body><div>1</div><div>2</div><div>3</div><div>4</div><script type="text/javascript">    var div = document.getElementsByTagName('div')[0];                //获取到了div                 //element加了s表示是集合 获取的是一组元素 是伪数组                //可以在获取元素后面加[写你想要的那个元素 数字表示 下标是0];       alert(div.value);       </script></body></html>

以上就是js怎么获取标签的值?的详细内容,更多请关注php中文网其它相关文章!

文章来源:火云技术网

文章标题:js怎么获取标签的值?

文章地址:https://www.pyhw.net/34183_js%e6%80%8e%e4%b9%88%e8%8e%b7%e5%8f%96%e6%a0%87%e7%ad%be%e7%9a%84%e5%80%bc.html

关于作者: admin

热门文章

发表评论

您的电子邮箱地址不会被公开。

网站地图