在根据当前标签class是否为active,来为其他标签设置active的时候。我遇到了一个小问题,就是怎样获取标签内的class的属性值,于是乎我就测试了几个我能想到的方法,写了下来供自己查看,在这里也和大家分享一下。
DOM对象和jQuery对象:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.12.4.min.js"></script>
</head>
<body>
<input class="active" id="test" value="呵呵"/>
<script>
console.log("dom对象:");
console.log(document.getElementById("test"));
console.log("dom对象"+":"+document.getElementById("test").value);
console.log("dom对象"+":"+document.getElementById("test").class);
console.log("dom对象"+":"+document.getElementById("test").getAttribute("value"));
console.log("dom对象"+":"+document.getElementById("test").getAttribute("class"));
console.log("~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~");
console.log("jQuery对象:");
console.log($("#test"));
console.log("jQuery对象"+":"+$("#test").attr("value"));
console.log("jQuery对象"+":"+$("#test").attr("class"));
</script>
</body>
</html>
输出结果为:
直接使用DOM对象.属性名,这种方式无法获取到class属性的值。