javascript之dom方法访问内容

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="你好,世界"
相关推荐
敢敢のwings1 分钟前
智元 GO-2 与 AgiBot-World 深度解读
开发语言·后端·golang
yaoxin5211239 分钟前
503. Java 反射 - 编写 ServiceFactory 类
java·开发语言·python
一个帅气昵称啊30 分钟前
.Net C# AI智能体开发-快速开始
开发语言·c#·.net
人民广场吃泡面1 小时前
前端该重视的编程思想
前端
冬夜戏雪1 小时前
agent的trace 和eval
开发语言·前端·javascript
IT_陈寒1 小时前
Redis的DEL命令居然没删干净数据?这个坑我爬了半天
前端·人工智能·后端
kyriewen1 小时前
面试官让我现场用 AI 改一个真实 bug——他打断我的 3 个理由
前端·面试·ai编程
Sagittarius_A*1 小时前
Burst Lab | PHP 审计 13|反序列化(三):POP 链构造与 Gadget Chain 分析
开发语言·web安全·php·代码审计·反序列化
职场的momo1 小时前
11个后端与AI岗位同时开放:Java、网关、推理优化怎么匹配
java·开发语言·人工智能