在JavaScript中，我们经常需要获取HTML元素的属性值。有许多方法可以获得属性值，这篇文章将介绍其中一些常用的方法，并让您了解如何根据元素类型和属性名称获得属性值。

首先，我们可以通过使用纯JavaScript来获得属性值。例如，如果我们想获得一个元素的class属性值，可以使用以下代码：

var element = document.getElementById("myElement");
var className = element.className;
console.log(className);

在这个例子中，我们首先通过id查找元素，然后使用元素的className属性获得class属性值，并将其输出到控制台。

此外，我们还可以使用getAttribute()方法来获取属性值。例如，如果我们想获得一个元素的href属性值，可以使用以下代码：

var element = document.getElementById("myLink");
var href = element.getAttribute("href");
console.log(href);

在这个例子中，我们使用getElementById()方法获取元素，然后使用getAttribute()方法获得href属性值，并将其输出到控制台。

注意，使用getAttribute()方法可以获取任何HTML属性的值，而不仅仅是元素对象的属性。这意味着您可以获取自定义的HTML属性，例如data-属性或其他自定义属性。

此外，如果您想获得属性的布尔值（例如disabled属性），可以使用以下代码：

var element = document.getElementById("myInput");
var isDisabled = element.disabled;
console.log(isDisabled);

在这个例子中，我们使用getElementById()方法获取元素，然后使用元素的disabled属性获得布尔值，并将其输出到控制台。

最后，如果您想获取一组元素中的每个元素的属性值，可以使用循环。例如，如果我们想获得一组链接元素的href属性值，可以使用以下代码：

var links = document.getElementsByTagName("a");
for (var i = 0; i < links.length; i++) {
var href = links[i].getAttribute("href");
console.log(href);
}

在这个例子中，我们使用getElementsByTagName()方法获取所有链接元素，并使用循环遍历每个元素，然后使用getAttribute()方法获得href属性值并将其输出到控制台。

总的来说，在JavaScript中获得属性值是一个很常见的任务，通常有多种方法可以实现。无论您选择哪种方法，关键是记住要了解元素类型和属性名称，以便确定正确的属性值。