当前位置: 首页 > news >正文

DOM操作.操作元素内容

操作元素内容
操作元素 文本 内容
获取:元素.innerText
设置:元素.innerText='新内容'
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
  /*操作元素内容*/
</script>

<script>

</script>

<button>操作内容</button>
<body>
<div>
  <p>文本内容</p>
</div>

<script>
  var e=document.querySelector('div')
  var f=document.querySelector('button')
  console.log(e.innerText)
  f.οnclick=function () {
    e.innerText='我爱你'
  }
</script>

</body>
</html>

相关文章:

  • 【Java SE】String类
  • 数据可视化看板:基于 Echarts + Python Flask 动态实时大屏
  • 5道真题训练|学会了二叉树的前世今生
  • python专区--时间模块
  • 36、Java 中的 String、StringBuilder、StringBuffer、字符串常量池和 intern 方法
  • 基于正交设计的折射反向学习樽海鞘群算法
  • 国庆假期浏览了几十篇YOLO改进英文期刊,总结改进创新的一些相同点(期刊创新点持续更新)
  • 《计算机视觉基础知识蓝皮书》第5篇 目标检测基础
  • 提升能力和认知边界,最有效的方法是赚钱
  • Window下使用RegisterWindowMessage来实现消息通讯
  • Java 数组、排序和查找(1)
  • 你还没用过Mybatis-Plus?丝般顺滑,快速上手!
  • css3d动画:平移、旋转、缩放
  • 【英语:基础进阶_正式场景表达】F1.五步法搞定英文面试
  • SplitFS(SOSP‘19)
  • JavaScript 如何正确处理 Unicode 编码问题!
  • JavaScript 基本功--面试宝典
  • LeetCode刷题——29. Divide Two Integers(Part 1靠自己)
  • October CMS - 快速入门 9 Images And Galleries
  • Python 使用 Tornado 框架实现 WebHook 自动部署 Git 项目
  • React 快速上手 - 06 容器组件、展示组件、操作组件
  • springboot_database项目介绍
  • 欢迎参加第二届中国游戏开发者大会
  • 基于Javascript, Springboot的管理系统报表查询页面代码设计
  • 深入浅出Node.js
  • 温故知新之javascript面向对象
  • 移动端 h5开发相关内容总结(三)
  • 用 vue 组件自定义 v-model, 实现一个 Tab 组件。
  • ​学习一下,什么是预包装食品?​
  • ​一、什么是射频识别?二、射频识别系统组成及工作原理三、射频识别系统分类四、RFID与物联网​
  • #LLM入门|Prompt#3.3_存储_Memory
  • (html转换)StringEscapeUtils类的转义与反转义方法
  • (ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY)讲解
  • (ZT)北大教授朱青生给学生的一封信:大学,更是一个科学的保证
  • (二)基于wpr_simulation 的Ros机器人运动控制,gazebo仿真
  • (二十四)Flask之flask-session组件
  • (二十一)devops持续集成开发——使用jenkins的Docker Pipeline插件完成docker项目的pipeline流水线发布
  • (离散数学)逻辑连接词
  • (七)c52学习之旅-中断
  • (三) diretfbrc详解
  • (未解决)macOS matplotlib 中文是方框
  • (原創) 人會胖會瘦,都是自我要求的結果 (日記)
  • .MyFile@waifu.club.wis.mkp勒索病毒数据怎么处理|数据解密恢复
  • .NET/C# 编译期间能确定的相同字符串,在运行期间是相同的实例
  • .NET/C# 使窗口永不获得焦点
  • .Net的C#语言取月份数值对应的MonthName值
  • /usr/bin/python: can't decompress data; zlib not available 的异常处理
  • @JsonFormat与@DateTimeFormat注解的使用
  • @基于大模型的旅游路线推荐方案
  • []新浪博客如何插入代码(其他博客应该也可以)
  • [AHOI2009]中国象棋 DP,递推,组合数
  • [C语言][PTA基础C基础题目集] strtok 函数的理解与应用
  • [flask] flask的基本介绍、flask快速搭建项目并运行
  • [Flexbox] Using order to rearrange flexbox children
  • [IE编程] WebBrowser控件中设置页面的缩放