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="你好,世界"
相关推荐
独特的螺狮粉2 小时前
开源鸿蒙跨平台Flutter开发:微波射频阻抗匹配系统-极坐标史密斯圆图与天线信号渲染架构
开发语言·flutter·华为·架构·开源·harmonyos
有意义2 小时前
滴滴一面复盘:从CSS布局到TS核心思想
前端·面试
竹林8182 小时前
React + wagmi 实战:从零构建一个能“读”能“写”的 DeFi 前端,我踩了这些坑
前端·javascript
我命由我123452 小时前
在 React 项目中,配置了 setupProxy.js 文件,无法正常访问 http://localhost:3000
开发语言·前端·javascript·react.js·前端框架·ecmascript·js
俺不会敲代码啊啊啊2 小时前
封装 ECharts Hook 适配多种图表容器
前端·vue.js·typescript·echarts
J2虾虾2 小时前
在Vue3中推荐使用的函数定义方法
前端·javascript·vue.js
浅时光_c2 小时前
9 循环语句
c语言·开发语言
stevenzqzq2 小时前
Kotlin 协程:withContext 与 async 核心区别与使用场景
android·开发语言·kotlin
辻戋2 小时前
从零手写mini-react
javascript·react.js·ecmascript