在根據當前標籤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屬性的值。