如何使用 JavaScript 获取元素内容90

在 JavaScript 中获取元素的内容有多种方法，具体取决于您要获取的内容类型：

获取文本内容

要获取元素的文本内容，可以使用 textContent 属性。例如：```javascript
const text = ("myElement").textContent;
```

这将获取元素 myElement 中的所有文本，包括 HTML 标记。

如果您只想获取元素的纯文本内容，可以使用 innerText 属性。例如：```javascript
const text = ("myElement").innerText;
```

这将返回元素 myElement 中的纯文本，不包括 HTML 标记。

获取 HTML 内容

要获取元素的 HTML 内容，可以使用 innerHTML 属性。例如：```javascript
const html = ("myElement").innerHTML;
```

这将返回元素 myElement 中的所有 HTML 代码，包括文本和标记。

如果您只想获取元素的内容而不包括标记，可以使用 outerHTML 属性。例如：```javascript
const content = ("myElement").outerHTML;
```

这将返回元素 myElement 的内容，包括文本但不包括标记。

获取属性值

要获取元素的属性值，可以使用 getAttribute 方法。例如，要获取元素的 id 属性值：```javascript
const id = ("myElement").getAttribute("id");
```

这将返回元素 myElement 的 id 属性值。

获取样式属性

要获取元素的样式属性，可以使用 getComputedStyle 方法。例如，要获取元素的 color 样式属性值：```javascript
const color = getComputedStyle(("myElement")).color;
```

这将返回元素 myElement 的 color 样式属性值。

获取数据属性

要获取元素的数据属性，可以使用 dataset 属性。数据属性以 data- 开头，并使用驼峰命名。例如，要获取元素的 data-user 属性值：```javascript
const user = ("myElement").;
```

这将返回元素 myElement 的 data-user 属性值。

2024-12-23

上一篇：JavaScript 页面加载

下一篇：JavaScript 中的 NaN 值深入解析