html获取a标签显示的文字
时间: 2024-03-18 22:40:07 浏览: 25
要获取 `a` 标签显示的文本内容,您可以使用 JavaScript 中的 `textContent` 或 `innerText` 属性。
以下是一个示例:
```html
<a href="#" id="my-link">点击这里</a>
<script>
const myLink = document.querySelector('#my-link');
const linkText = myLink.textContent;
console.log(linkText); // 输出 "点击这里"
</script>
```
在上述示例中,我们首先使用 `document.querySelector()` 方法获取 `a` 标签元素,并把它保存到 `myLink` 变量中。然后通过 `myLink.textContent` 获取 `a` 标签的文本内容,并把它保存到 `linkText` 变量中。最后使用 `console.log()` 方法输出 `linkText` 变量的值,即 `a` 标签的文本内容。
需要注意的是,`textContent` 和 `innerText` 两个属性的行为有些微小的差别。简单来说,`textContent` 会返回所有元素的文本内容,包括不可见元素的文本内容,而 `innerText` 则只会返回可见元素的文本内容。在大多数情况下,这两个属性的输出结果是相同的。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)