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

JS(三)——更改html内数据

  • 获取 DOM 元素,然后修改其属性或内容。使用 getElementById 方法获取特定 ID 的元素:
<p id="myParagraph">这是初始的文本</p>
const paragraph = document.getElementById('myParagraph');
paragraph.innerHTML = '这是修改后的文本';
  • 通过修改元素的属性,比如修改 img 元素的 src 属性:
<img id="myImage" src="old.jpg" />
const image = document.getElementById('myImage');
image.src = 'new.jpg';

使用 getElementsByTagName 或 getElementsByClassName 方法获取一组元素进行修改

<p class="myClass">第一段</p>
<p class="myClass">第二段</p>
const paragraphs = document.getElementsByClassName('myClass');
for (let i = 0; i < paragraphs.length; i++) {paragraphs[i].innerHTML = '修改后的段落';
}

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 使用百度文心智能体创建AI旅游助手
  • 2024新型数字政府综合解决方案(九)
  • HanLP分词的使用与注意事项
  • 代码随想录算法训练营 | 动态规划 part02
  • 通过Fiddler抓包保存网页上的视频(包括Bilibili、B站和其他视频站)亲测可用
  • 学习node.js 二 path模块,os模块,process
  • 增材制造正在加速赋能模具产业转型升级
  • 探究 Element Plus Menu 横向多层级展开组件的 Bug 及解决方案
  • JUC3-共享模型之管程
  • [Linux CMD] 目录与文件相关的命令
  • 6数字基石:掌握计算机语言、多媒体与系统工程
  • C++ | Leetcode C++题解之第341题扁平化嵌套列表迭代器
  • python日志、异常和装饰器的结合
  • LeetCode.676.实现一个魔法字典
  • scoket通信 -- 网络字节序
  • php的引用
  • (ckeditor+ckfinder用法)Jquery,js获取ckeditor值
  • [分享]iOS开发 - 实现UITableView Plain SectionView和table不停留一起滑动
  • 【140天】尚学堂高淇Java300集视频精华笔记(86-87)
  • 【vuex入门系列02】mutation接收单个参数和多个参数
  • 77. Combinations
  • eclipse(luna)创建web工程
  • express.js的介绍及使用
  • js面向对象
  • Python 使用 Tornado 框架实现 WebHook 自动部署 Git 项目
  • REST架构的思考
  • scrapy学习之路4(itemloder的使用)
  • Shadow DOM 内部构造及如何构建独立组件
  • Spring Cloud Alibaba迁移指南(一):一行代码从 Hystrix 迁移到 Sentinel
  • 阿里云应用高可用服务公测发布
  • 规范化安全开发 KOA 手脚架
  • 基于Vue2全家桶的移动端AppDEMO实现
  • 开发基于以太坊智能合约的DApp
  • 盘点那些不知名却常用的 Git 操作
  • 容器服务kubernetes弹性伸缩高级用法
  • 线上 python http server profile 实践
  • nb
  • 新年再起“裁员潮”,“钢铁侠”马斯克要一举裁掉SpaceX 600余名员工 ...
  • ​ubuntu下安装kvm虚拟机
  • # 职场生活之道:善于团结
  • #define MODIFY_REG(REG, CLEARMASK, SETMASK)
  • #git 撤消对文件的更改
  • #Z0458. 树的中心2
  • (04)odoo视图操作
  • (1/2)敏捷实践指南 Agile Practice Guide ([美] Project Management institute 著)
  • (C语言)逆序输出字符串
  • (第9篇)大数据的的超级应用——数据挖掘-推荐系统
  • (附源码)springboot车辆管理系统 毕业设计 031034
  • (附源码)ssm跨平台教学系统 毕业设计 280843
  • (每日持续更新)信息系统项目管理(第四版)(高级项目管理)考试重点整理 第13章 项目资源管理(七)
  • (三)终结任务
  • (转)Linux下编译安装log4cxx
  • (转)创业的注意事项
  • (转)淘淘商城系列——使用Spring来管理Redis单机版和集群版
  • (转载)Linux 多线程条件变量同步