JavascripのTips

更新日2010-07-28 (水) 17:03:03

ページの書き換え(innerHTML)

<div id="WORD1">この部分を書き換える</div>
(書き換えたい行をdivで指定し、IDをつける。)


<INPUT TYPE="button" VALUE="変更" onClick="javascript:WORD1.innerHTML = '新しい文章';">

Text ボックスの文字色を変更

<SCRIPT LANGUAGE="JavaScript">
function ketaItem(){
    document.form.text1.style.color="red";
}
</SCRIPT>

<FORM NAME="form"> 
<INPUT TYPE="text" NAME="text1" SIZE=20 onChange="ketaItem()">
</FORM>

または

idでオブジェクトを指定

<SCRIPT LANGUAGE="JavaScript">
function ketaItem(){
    text1.style.color="red";
}
</SCRIPT>

<INPUT TYPE="text" id="text1" SIZE=20 onChange="ketaItem()" />

XHTMLでの表記

<script type="text/javascript">
// <![CDATA[
 for (var i = 1; i < 10; i++) {
   document.write("値は" + i + ",");
 }
 document.write("<p>ここが<a href=\"./page.html\">リンク<\/a><\/p>");
// ]]>
</script>
</p>

javascriptで</a>で閉じタグは</script>と間違われるのエスケープする必要がある。 また//<![CDATA[ ]]>//がないとXHTMLではエラーする

参考

http://www15.plala.or.jp/uhyo_/javascript/6_1.html


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2010-07-28 (水) 17:03:03 (2977d)