20、JavaScript属性操作、DOM应用及类型详解

JavaScript属性操作、DOM应用及类型详解

1. 获取元素属性值

在JavaScript中，我们可以轻松获取HTML元素的属性值。使用 getAttribute 方法，就能够实现这一操作。以下是具体示例：

var scoop = document.getElementById("raspberry");
var altText = scoop.getAttribute("alt");
console.log("I can't see the image in the console,");
console.log(" but I'm told it looks like: " + altText);

操作步骤如下：
1. 使用 document.getElementById 方法获取元素的引用。
2. 调用该元素的 getAttribute 方法，并传入属性名，即可获取属性值。

需要注意的是，如果属性不存在， getAttribute 方法将返回 null 。我们可以通过以下代码进行测试：

var scoop = document.getElementById("raspberry");
var altText = scoop.getAttribute("alt");
if (altText == null)