<!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" onclick="myFunction()">点击这里</button>
</body>
</html>
------ 运行后结果 ------
我的第一段 JavaScript
JavaScript 能改变 HTML 元素的内容。
------ 运行后点击按钮结果------
我的第一段 JavaScript
Hello JavaScript!