Javascript 从段落中获取文本

当我们需要获取一个段落中的文本时，Javascript 提供了多种方式来实现。下面介绍几种常用的方法。

1. 通过 ID 获取文本

如果我们已经为段落设置了 ID，那么可以通过 document.getElementById() 方法获取该元素，并使用 innerHTML 属性获取文本内容。

let paragraph = document.getElementById("myParagraph");
let text = paragraph.innerHTML;

2. 通过类名获取文本

如果要获取一组具有相同类名的段落中的文本，我们可以使用 document.getElementsByClassName() 方法。该方法返回一个 HTMLCollection 对象，我们可以遍历该对象获取每个元素的 innerHTML 属性。

let paragraphs = document.getElementsByClassName("myClass");
for (let i = 0; i < paragraphs.length; i++) {
  let text = paragraphs[i].innerHTML;
  console.log(text);
}

3. 通过标签名获取文本

如果要获取页面上所有的段落文本，我们可以使用 document.getElementsByTagName() 方法。该方法返回一个 HTMLCollection 对象，我们可以遍历该对象获取每个元素的 innerHTML 属性。

let paragraphs = document.getElementsByTagName("p");
for (let i = 0; i < paragraphs.length; i++) {
  let text = paragraphs[i].innerHTML;
  console.log(text);
}

4. 使用 querySelector 获取文本

如果我们熟悉 CSS 选择器，可以使用 document.querySelector() 方法获取页面上符合条件的第一个元素，并使用 innerHTML 属性获取文本内容。

let paragraph = document.querySelector("#myParagraph");
let text = paragraph.innerHTML;

总结

以上就是几种常见的 Javascript 从段落中获取文本的方法。我们可以根据需求选择不同的方法来实现。