[09-07]点击按钮变跟页面展现内容

时间 2019-12-09

标签点击按钮页面展现内容繁體版

原文原文链接

<!DOCTYPE html>
<html>
<head>
　　<meta charset="utf-8">
　　<title>点击按钮变跟页面展现内容</title>
</head>
<body>

　　<h1>个人第一段 JavaScript</h1>
　　<p id="demo">JavaScript 能改变 HTML 元素的内容。</p>html

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

　　<button type="button" onclick="myFunction()">点击这里</button>ip

</body>
</html>utf-8

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

个人第一段 JavaScript

JavaScript 能改变 HTML 元素的内容。it

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

个人第一段 JavaScript

Hello JavaScript!function