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 分钟前
C语言递归实现汉诺塔问题
c语言·开发语言
不吃土豆的马铃薯4 分钟前
Spdlog 入门:日志记录器与日志槽基础详解
服务器·开发语言·c++·c·日志·spdlog
凯瑟琳.奥古斯特12 分钟前
传输层核心功能解析
开发语言·网络·职场和发展
Fuyo_111927 分钟前
C++中的活字印刷术——模板·初阶
开发语言·c++·笔记
在角落发呆28 分钟前
跨越网络鸿沟:传统文件传输与现代内网穿透的奇妙交响
开发语言·php
Season45032 分钟前
C++之模板元编程(前置知识 constexpr)
开发语言·c++
坚定信念,勇往无前33 分钟前
electron-vite 安装better-sqlite3
javascript·数据库·electron
AI玫瑰助手34 分钟前
Python运算符:比较运算符(等于不等等于大于小于)与返回值
android·开发语言·python
@菜菜_达41 分钟前
jquery.inputmask插件介绍
前端·javascript·jquery
QuZhengRong41 分钟前
【Luck-Report】缓存
java·前端·后端·vue·excel