JS 查找所有文本元素

在 Web 开发中，查找所有文本元素是一个很常见的任务。本文介绍如何使用 JavaScript 查找 HTML 文本元素。

方法一：使用 document.getElementsByTagName 方法

document.getElementsByTagName 方法可以返回包含指定标签名称的所有元素。

// 查找所有文本元素
var elements = document.getElementsByTagName('p');
for (var i = 0; i < elements.length; i++) {
  var element = elements[i];
  console.log(element.innerText);
}

使用该方法查找文本元素的好处是可以根据需要指定标签名称。

方法二：使用 document.querySelectorAll 方法

document.querySelectorAll 方法可以根据指定的 CSS 选择器返回所有匹配的元素。

// 查找所有文本元素
var elements = document.querySelectorAll('p, h1, span');
for (var i = 0; i < elements.length; i++) {
  var element = elements[i];
  console.log(element.innerText);
}

使用该方法查找文本元素的好处是可以根据需要灵活指定 CSS 选择器，从而查找特定的文本元素。

方法三：使用 jQuery 库

如果你使用 jQuery 库，那么可以使用其提供的选择器来查找文本元素。

// 查找所有文本元素
$('p, h1, span').each(function() {
  console.log($(this).text());
});

使用 jQuery 库可以更加方便地操作 DOM。

总结

本文介绍了三种方法来查找所有文本元素：使用 document.getElementsByTagName 方法、使用 document.querySelectorAll 方法、使用 jQuery 库。根据需要来选择合适的方法，可以更加方便地操作 DOM。