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="你好,世界"
相关推荐
石像鬼₧魂石4 分钟前
【Y2Ksoft】贵阳陈桥饭店ERP管理系统
大数据·前端·物联网·html·数据库架构
俺不中嘞5 分钟前
python常用函数
开发语言·python
TheITSea10 分钟前
4、React+Tailwind CSS
前端·css·react.js
weedsfly18 分钟前
前端开发中的代理模式——从 Vue 3 响应式到日常开发
前端·javascript·面试
Li.map32 分钟前
CesiumJS 地图主题系统:用着色器打造实时滤镜
javascript·arcgis·cesium·着色器
用户2986985301435 分钟前
在 React 中通过 JavaScript 实现 Excel 单元格、行与列的锁定保护
javascript·react.js·excel
এ慕ོ冬℘゜38 分钟前
深入理解 JavaScript 事件对象:从 target 到 preventDefault 的实战指南
开发语言·前端·javascript
学逆向的44 分钟前
汇编——修改EIP的值
开发语言·汇编·网络安全
weixin_422329311 小时前
AgentScope Java ReActAgent 核心循环深度解析
java·开发语言·人工智能
Listen·Rain1 小时前
Vue概述
前端·javascript·vue.js