jsで指定箇所のテキストを変更

Webデザイン

いつも忘れる、jsの基本
指定箇所のテキストを変える方法です。

<div id="test">テキスト</div>
<p><button onclick="fncChange()">テキストを変更</button>
<script type="text/javascript">
function fncChange(){
var change=document.getElementById("test");
change.innerHTML="変更!";
}
</script>

idがtest内のテキストを変更します。

buttonのonclick=”fncChange()で、
クリックしたときにfncChangeを動かす指定をしています。

fncChange内で、変数changeにidを指定します。
change.innerHTMLで書き出します。
innerHTMLはタグも使えます。

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です