一白山中

自分を磨き、自分なりの幸せを追求しよう

htmlを入れ替えするJavaScriptソース例2

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>一白山中(ennya.hatenablog.com)</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>