博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[09-07]点击按钮变跟页面展示内容
阅读量:6958 次
发布时间:2019-06-27

本文共 581 字,大约阅读时间需要 1 分钟。

<!DOCTYPE html>

<html>
<head>
  <meta charset="utf-8">
  <title>点击按钮变跟页面展示内容</title>
</head>
<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>

 

------ 运行后结果 ------

我的第一段 JavaScript

JavaScript 能改变 HTML 元素的内容。

 

------ 运行后点击按钮结果------

我的第一段 JavaScript

Hello JavaScript!

转载于:https://www.cnblogs.com/cainiaobufei/p/10898475.html

你可能感兴趣的文章
ZedGraph很好很强大
查看>>
图像保存到XML文件和从XML中取出图像显示
查看>>
博客文章 快速通道
查看>>
【转】JavaScript写的Cookie类
查看>>
.Net数据库操作
查看>>
第 38 章 CouchBase
查看>>
如何运行ruby代码
查看>>
Office版本问题0x80029C4A
查看>>
VS2013编译python源码
查看>>
CI之旅
查看>>
40余项高科技亮相智慧城市科技酷品展
查看>>
Redis安装和常用知识
查看>>
坚果智能影院实体布局再下一城 肇庆旗舰店火热开业
查看>>
背水一战 Windows 10 (21) - 绑定: x:Bind 绑定, x:Bind 绑定之 x:Phase, 使用绑定过程中的一些技巧...
查看>>
zk日常运维管理
查看>>
DJANGO,获取当前用户名,用户组名,用户组权限
查看>>
mysql 常用函数
查看>>
数据库安全管理实践 你的数据库在哪里?
查看>>
及时警惕!云计算带来的安全风险
查看>>
阿里云前端周刊 - 第 31 期
查看>>