javascript学习笔记--查看html元素和改变html的内容
时间: 2023-10-09 21:14:21 浏览: 179
好的,我可以为您解答关于 JavaScript 学习笔记方面的问题。针对您的问题,查看 HTML 元素和改变 HTML 内容是 JavaScript 中非常常见的操作之一,我们可以通过以下几种方式实现:
1. 通过 `document.getElementById()` 方法获取 HTML 元素,该方法接受一个参数,即需要获取的元素的 ID 值。例如:
```
let elem = document.getElementById("my-element");
```
2. 通过 `document.querySelector()` 方法获取 HTML 元素,该方法接受一个参数,即需要获取的元素的 CSS 选择器。例如:
```
let elem = document.querySelector(".my-class");
```
3. 通过 `innerHTML` 属性获取或设置 HTML 元素的内容。例如:
```
let elem = document.getElementById("my-element");
console.log(elem.innerHTML); // 获取元素的内容
elem.innerHTML = "新的内容"; // 设置元素的内容
```
4. 通过 `textContent` 属性获取或设置 HTML 元素的文本内容。例如:
```
let elem = document.getElementById("my-element");
console.log(elem.textContent); // 获取元素的文本内容
elem.textContent = "新的文本内容"; // 设置元素的文本内容
```
希望这些信息能够帮助您更好地了解如何在 JavaScript 中查看 HTML 元素和改变 HTML 内容。如果您有其他问题,请随时向我提出。
阅读全文