极客教程JavaScript 如何获取没有HTML元素的文本
给定一个包含一些元素的HTML文档，并且任务是使用JavaScript获取HTML元素中的文本。有两种方法可以获取没有HTML元素的文本，如下所示:
- 使用innerText属性
- 使用textContent属性
使用innerText属性: 我们可以使用innerText属性从HTML元素中获取文本。
示例:
<!DOCTYPE html>
<html>
<head>
<title>
Get the text inside HTML
element using JavaScript
</title>
</head>
<body>
<div class="main">
Welcome to GeeksforGeeks
</div>
<script>
const div = document.querySelector('.main');
alert(div.innerText);
</script>
</body>
</html>
输出：
使用textContent属性： 我们还可以使用textContent属性从HTML元素中获取文本。
示例：
<!DOCTYPE html>
<html>
<head>
<title>
Get the text inside HTML
element using JavaScript
</title>
</head>
<body>
<div class="main">
Welcome to GeeksforGeeks
</div>
<script>
const div = document.querySelector('.main');
alert(div.textContent);
</script>
</body>
</html>
输出：
让我们比较这两种方法的属性：
| innerText | textContent |
|---|---|
| 它返回可读的内容 | 它返回文字连同标签 |
| 它只返回样式元素，而不包括隐藏元素 | 它返回所有元素，包括隐藏元素 |
| 它只为HTMLElement对象定义 | 它为所有Node对象定义 |