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

innerHTML的作用及用法。

对innerHTML的用法有些模糊,今天来总结一下:
1、innerHTML有两个作用: (1)获取对象的内容;
(2)向对象插入内容;

例:

这是内容
,由于id是唯一的,我们可以不获取id。通过 a.innerHTML 来获取id为a的对象的内嵌内容;

也可以通过b.innerHTML = "这是被插入的内容";在id为b的对象中插入内容。

例子1(获取对象的内容):

<body><p id="test">内容</p><input type="button" "getInnerHTML()" value="点击" />
</body>
<script type="text/javascript">function getInnerHTML(){alert(test.innerHTML); //将获取的内容弹出!} 
</script> 

例子2(向对象插入内容):

<body><p id="test"></p><input type="button" "setInnerHTML()" value="点击" />
</body>
<script type="text/javascript">function setInnerHTML(){test.innerHTML = "这是插入的内容!"; //点击按钮将内容插入到p标签内!}</script>
http://www.lryc.cn/news/2414479.html

相关文章:

  • JS中的Date类
  • 从头开始认识jboss
  • 什么是ANR,如何避免ANR
  • 【文心快码】Comate安装与使用体验分享
  • zookeeper实战全面讲解(一)
  • 6、ExtJs——Ext基础架构--认识Ext.js和Ext-more.js
  • Java高级编程——多线程
  • MySQL产品(DBMS)学习总结
  • 使用Python抓取并渲染包含JavaScript的网页(PhantomJS)
  • JAVA高频216道面试题+答案!!面试必备
  • 顶刊复现:机器学习解释利器—SHAP实战【免费获取】
  • 【Windows】Windows11查看文件的md5值
  • js 文件下载的代码
  • Mybatis源码解析--Mapper代理对象
  • 【D触发器】从底层重新认识 D 触发器、建立时间和保持时间
  • apple iMac一体机 装双系统 实战! (Apple +Win 7 64bit)Good
  • EJB3.0介绍
  • axure注册码
  • matlab2015的marker,matlab中markersize什么意思
  • SQL sever 笔记
  • surfacecreated啥时被调用_JavaScript当中的this究竟是个啥?
  • 第一节:1. 美国域名中心US Domain Center是什么,为什么选择它作为建站平台
  • 城市筛选检索
  • MySQL修改表(ALTER TABLE语句)
  • ORA-01008: 并非所有变量都已关联
  • 设计超炫的3D窗体旋转特效(windows7中所没有的特性)
  • 分享到QQ、QZone方法,无需登录
  • VMware Workstation 虚拟机 安装CentOS 8
  • CSMA/CA协议 80211
  • 多线程基础之二:mutex和semaphore使用方法