リプタクのもう覚えられません
Google
Web サイト内
topmemo ▶ HTMLの文字を書き換える方法

JavaScript

HTMLの文字を書き換える方法

JavaScriptのinnerHTMLでHTMLの内容を変更するサンプル。

【サンプル】

あいうえをかきくけこ

クリックで文字を書き換える
タグも変えられる


【サンプルソース】javascript head内

<script type="text/javascript">
// <![CDATA[
function changeHTML01(){
	document.getElementById("sampleid").innerHTML ="かきくけこさしすせそ";
}
function changeHTML02(){
	document.getElementById("sampleid").innerHTML = "<a href='http://riptac.net/'>リプタクトップページへ</a>";
}
// ]]>
</script>


【サンプルソース】 html body内

<div id="sampleid">あいうえをかきくけこ</div>
<p>
<a href="javascript:changeHTML01();">クリックで文字を書き換える</a>
<a href="javascript:changeHTML02();">タグも変えられる</a>
</p>
last update 2010.12.6
参考・出典等
「特に無し」

▲page top

topmemogalleryblogtestaboutlinksmail
Copylight(C)2008-2010 Riptac. All Rights Reserved.