Web Memo/Java Script Tips のバックアップ(No.3)

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
Web Memo/Java Script Tips へ行く。
- 1 (2009-06-11 (木) 03:14:56)
- 2 (2009-07-21 (火) 05:55:21)
- 3 (2009-07-22 (水) 03:52:27)

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()" />