本文介绍了如何使用JavaScript获取HTML元素的文本值和属性值。通过两个实例展示了innerText属性用于获取元素内部显示的文本，getAttribute方法则用于读取指定属性的值。
1. 获取标签值
可以使用对象的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>
2. 获取标签属性
使用getAttribute方法获取标签的属性值：
<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.getAttribute("name"));
alert(obj.getAttribute("age"));
alert(obj.getAttribute("class")); };
</script>
扫一扫
643
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
