【JavaScript】HTML要素に値を追加する方法
HTML要素に値を追加する方法
HTML要素の書き込みをすることができます。
まずはサンプルを!
サンプルプログラム
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1 id="myh1">変更前の文字</h1>
<input type="button" value="Click" onclick="myfunc()">
<script>
var myfunc = function(){
var myh1 = document.getElementById("myh1");
myh1.innerHTML = "タグの中身を変更!";
}
</script>
</script>
</body>
</html>
実行結果
innerHTMLプロパティを使うことによって、h1タグの中身の文字列をたった一行で変更できます。
基本的にHTML要素に値を追加する場合、当てはめたいHTML構文をそのままinnerHTMLプロパティの値として設定します。
プログラムダウンロード
もっとJavaScriptを学びたい人は!こちらの本がおすすめです
#JavaScript #JavaScript初心者 #JavaScript学習 #プログラミング #プログラミング学習 #プログラミング初心者
この記事が気に入ったらサポートをしてみませんか?