Rumah >hujung hadapan web >tutorial js >js怎么获取标签的值?
js怎么获取标签的值?
- (*-*)浩asal
- 2019-05-20 10:41:4319970semak imbas
js获取标签的值的方法：1、js可以使用对象的innerText属性获取标签的值；2、可以通过JS获取DOM元素的方法先获取标签，然后使用value等获取标签的值即可。
本篇文章将介绍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>Atas ialah kandungan terperinci js怎么获取标签的值?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：怎么看网站JS代码？Artikel seterusnya：nodejs是js框架么?