①x=document.getElementById("demo") //查找元素 ②x.innerHTML="Hello JavaScript"; //改变内容

<!DOCTYPE html>
<html>
<body>

<h1>我的第一段 JavaScript</h1>

<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>

<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
}
</script>

<button type="button" οnclick="myFunction()">点击这里</button>

</body>
</html>

转载于:https://www.cnblogs.com/jiningning/p/6385049.html

3.改变 HTML 内容相关推荐

  1. 【转】使用Javascript改变HTML内容

    原文地址:http://www.qeefee.com/js/change-html-used-javascript 更多Javascript教程,欢迎访问起飞网>>Javascript教程 ...

  2. js innerHTML 改变div内容的方法

    2019独角兽企业重金招聘Python工程师标准>>> 永远不知道你可以改变的内容,一个HTML元素?也许你要取代的文字段落中,以反映什么访客选定刚刚从下拉框中.通过操纵一个元素的i ...

  3. 请问,怎么在DBGRID中改变CELL内容

    请问,怎么在DBGRID中改变CELL内容 Delphi / Windows SDK/API http://www.delphi2007.net/DelphiDB/html/delphi_200612 ...

  4. ajax怎么找回地址栏,使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL...

    HTML5里引用了新的API,就是history.pushState和history.replaceState,就是通过这个接口做到无刷新改变页面URL的. 与传统的AJAX的区别 传统的ajax有如 ...

  5. 操作元素-改变元素内容

    操作元素-改变元素内容 <!DOCTYPE html> <html lang="en"><head><meta charset=" ...

  6. JS如何改变元素内容?

    改变元素内容 element.innerText //从起始位置到终止位置的内容,但它去除html标签,同时空格和换行也会 去掉 element.innerHTML //起始位置到终止位置的全部内容, ...

  7. 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL

    1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" ...

  8. 富文本编辑器 禁止改变文本内容

    最近做一个项目,用的是quill-editor编辑器,实现的效果是可以编辑样式,不能改变文本内容,百度了很多,都是连工具栏也禁用了,后来检查元素,看html原生代码,发现有一个contentEdita ...

  9. js操作元素:改变元素内容有两种方式: interText 和 innerHTML的区别, 常用的元素的属性操作, 仿电脑系统时间问好 ,表单元素的属性操作 ,案例:仿京东显示隐藏密码 ,样式属性操作

    文章目录 操作元素 改变元素内容有两种方式: interText 和 innerHTML的区别 常用的元素的属性操作 案例:仿电脑系统时间问好 表单元素的属性操作 案例:仿京东显示隐藏密码 样式属性操 ...

  10. 原生js怎么追加html,原生JS改变HTML内容

    最近发现总是把原生JS语法和诸多框架库神马的语法搞混,打算暂时弃用各种库,回归到原生来,好好抠一抠所有的细节,跳一跳各种坑,才能飞得更远.PS. 突然想起冰火里面三眼乌鸦对布兰说的那句话--You'l ...

最新文章

  1. 票据自动处理系统著名研究团队
  2. 英特尔芯片专利官司败诉,判罚140亿,半个季度白干了...
  3. POJ 3614 Sunscreen
  4. windows终止进程——taskkill
  5. 如果连这10个Python缩写都不知道,那你一定是Python新手
  6. DefaultListableBeanFactory - Overriding bean defin
  7. 小米集团国际总部落地深圳;国美电器创始人黄光裕出狱;TiKV 4.0 发布 | 极客头条...
  8. Fastjson 1.2.22-24 反序列化漏洞分析
  9. 从ELK到EFK演进
  10. vue教程1-03 v-for循环
  11. 海外手机号码格式校验(PHP版)
  12. Spark3.0核心调优参数小总结
  13. 有效缓解腰部不适,十星小双鱼腰部按摩器上手体验
  14. 计算机论文 指导老师评语,毕业设计指导老师评语(精选5篇)
  15. 灵遁者油画作品《潜意识》:真相并不是那么容易得到
  16. 清华学霸教你1小时入门 Python 爬虫,别说学长没帮你
  17. excel打不开_2016EXCEL表格打不开,提示格式与文件扩展名指定的格式不一致,这么做!...
  18. PPSIG携手100+位contributor,共建飞桨开源社区
  19. win10 labelme 使用记录
  20. 50个BA分析工具第四个-Business Case

热门文章

  1. 用1、2、2、3、4、5这六个数字,用java写一个main函数,打印出所有不同的排列,如:512234、412345等,要求:4不能在第三位,3与5不能相连。...
  2. ConTeXt 标题前后的空白
  3. 利用延迟关联或者子查询优化超多分页场景
  4. Volley 源码解析之网络请求
  5. 什么是Hyperledger?Linux如何围绕英特尔的区块链项目构建开放平台?
  6. mysql创建定时器(event),查看定时器,打开定时器,设置定时器时间
  7. HTML比较常用的标签
  8. 在 Angularjs 中 ui-sref 和 $state.go 如何传递参数
  9. 给easyui datagrid 添加mouseover和mouseout事件
  10. 学习笔记----linux下编译samba