js中innertext和innerhtml
时间: 2023-04-27 07:02:49 浏览: 117
innerHTML和innerText的区别
`innerText` 和 `innerHTML` 是 JavaScript 中的两个属性,用于访问和设置 HTML 元素中的文本内容。
- `innerText` 表示该元素的文本内容,不包括 HTML 标签。
- `innerHTML` 表示该元素的文本内容,包括 HTML 标签。
例如:
```html
<div id="example">
<p>Hello, <b>world</b>!</p>
</div>
```
```js
let example = document.getElementById("example");
console.log(example.innerText); // "Hello, world!"
console.log(example.innerHTML); // "<p>Hello, <b>world</b>!</p>"
```
使用 `innerHTML` 方法可以改变标签内容, 例如:
```js
example.innerHTML = "Hello, <i>javascript</i>!";
```
输出后将会变为 :
```html
<div id="example">
Hello, <i>javascript</i>!
</div>
```
注意:使用 innerHTML 可能会导致 XSS 攻击,请谨慎使用。
阅读全文