[09-07]點擊按鈕變跟頁面展現內容

<!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

相關文章
相關標籤/搜索