*JavascripのTips [#hfca5d44]

RIGHT:更新日&lastmod();

**ページの書き換え(innerHTML) [#r48d6db5]

 <div id="WORD1">この部分を書き換える</div>
 (書き換えたい行をdivで指定し、IDをつける。)
 
 
 <INPUT TYPE="button" VALUE="変更" onClick="javascript:WORD1.innerHTML = '新しい文章';">

**Text ボックスの文字色を変更 [#r1ba6684]

 <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での表記 [#y05cbcd9]

 <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ではエラーする

***参考 [#h0f55f69]

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


トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS