js如何获取text的值

在JavaScript中，获取一个元素的文本值可以通过以下几种方法实现：

1. 使用 `innerText` 属性：

`innerText` 属性可以获取或设置元素的文本内容，包括子元素的内容。

```javascript

var textValue = document.getElementById('elementId').innerText;

```

2. 使用 `textContent` 属性：

`textContent` 属性与 `innerText` 类似，也是用来获取或设置元素的文本内容，但 `textContent` 会获取包括子元素在内的所有文本，包括隐藏的文本。

```javascript

var textValue = document.getElementById('elementId').textContent;

```

3. 使用 `innerHTML` 属性：

`innerHTML` 属性可以获取或设置元素的HTML内容，包括HTML标签。

```javascript

var textValue = document.getElementById('elementId').innerHTML;

```

4. 使用 `textContent` 和 `innerText` 的区别：

`textContent` 会获取包括隐藏元素在内的所有文本，并且会返回文本的原始值（即没有经过HTML解析的值）。

`innerText` 会获取元素的文本内容，并且会忽略隐藏的元素，同时会将文本内容转换为普通文本（即不会保留HTML标签）。

以下是一个简单的示例，演示如何获取一个元素的文本值：

```html

```

在这个示例中，我们通过 `getElementById` 获取了 `div` 元素，然后分别使用了 `innerText`、`textContent` 和 `innerHTML` 属性来获取和输出元素的文本值和HTML内容。