javascript之dom方法访问内容

冰暮流星2026-04-08 10:14

DOM方法里面，访问DOM内容的方法有

1.innerHTML方法，这个方法可以把子标签也能获取

2.innerText方法，这个方法将内容作为纯文本，出现转义符时会进行解析

3.textContent方法，将内容作为纯文本，出现转义符时会直接保留特性

html 复制代码

<div id="mydiv">hello world</div>

访问内容和修改内容的语法和访问属性与修改属性的语法相同

javascript 复制代码

let d=document.getElementById("mydiv")
//使用innerHTML访问内容
console.log(d.innerHTML)
//使用innerText访问内容
console.log(d.innerText)
//使用textContent访问内容
console.log(d.textContent)

修改内容

javascript 复制代码

//修改内容
let d=document.getElementById("mydiv")
//使用innerHTML修改内容
d.innerHTML="你好，世界"
//使用innerText修改内容
 d.innerText="你好，世界"
//使用textContent修改内容
d.textContent="你好，世界"