如何使用 JavaScript 从元标记中获取信息？

当网页中需要动态加载数据时，JavaScript 可以通过获取元标记中的信息来实现这一目的。本文将介绍如何使用 JavaScript 从元标记中获取信息。

1. 获取单个元标记的信息

获取单个元标记的信息可以通过 getElementById 方法实现。该方法接受一个参数，即要获取的元标记的 id，返回一个表示该元标记的对象。

const element = document.getElementById("example-id");

获取元标记对象后，就可以通过其属性获取信息，例如 innerText，innerHTML 和 value 等。

const text = element.innerText;
const html = element.innerHTML;
const value = element.value;

2. 获取多个元标记的信息

获取多个元标记的信息可以通过 getElementsByClassName 和 getElementsByTagName 方法实现。

const elements = document.getElementsByClassName("example-class");
const elements = document.getElementsByTagName("example-tag");

上述代码分别返回一个包含指定类名或标记名称的元标记的集合。可以通过 for 循环遍历该集合，获取所有元标记的信息。

for (let i = 0; i < elements.length; i++) {
  const element = elements[i];
  // 获取元标记信息
}

3. 获取元标记属性的值

在某些情况下，需要获取元标记的属性值，例如 href 和 src 等。

可以通过 getAttribute 方法获取元标记的属性值。该方法接受一个参数，即要获取的属性名，返回该属性的值。

const link = document.getElementById("example-link");
const href = link.getAttribute("href");

总结

JavaScript 可以通过 getElementById，getElementsByClassName 和 getElementsByTagName 方法获取单个或多个元标记对象。一旦获取该对象，就可以通过其属性获取信息，例如 innerText，innerHTML 和 value 等。

如果需要获取元标记的属性值，可以使用 getAttribute 方法。