在前面我们讲过了，可以通过属性节点对象取得属性值，本节我们讲一种更为简单的取属性值的方法，那就是getAttribute。
语法：
- 元素节点对象.getAttribute(属性名);
其中，原生的id属性还可以通过以下语法取得
请看下面的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="box">
hello
<span id="span1" name="spanname" value="spanvalue" class="spanclass" sx="spansx">这是span1</span>
<span id="span2">这是span2</span>
<span id="span3">这是span3</span>
</div>
<div id="box1"></div>
<div id="box2">
</div>
</body>
<script>
var span1=document.getElementById('span1');//这样获取到的是元素节点
console.log(span1.id);
console.log(span1.getAttribute('id'));
console.log(span1.getAttribute('name'));
console.log(span1.getAttribute('value'));
console.log(span1.getAttribute('class'));
console.log(span1.getAttribute('sx'));
</script>
</html>
执行结果如下：
所以，如果仅仅是取某个标签的某个属性的属性值时，我们推荐使用getAttribute更为便捷。
|
窥视卡
雷达卡
发表于 2023-1-25 20:27:54
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2023-2-19 11:33:09
