ベストアンサー

文字を交互に変化させたいのですが…

2007/06/28 13:05

文字変化タグについて質問があります。クリックすると文字が変わる、というタグは分かるのですが（<span onClick="this.innerText='文字2'">文字1</span>）クリックして文字2に変わった後、もう一度クリックすると文字1に戻るというのは不可能でしょうか? 1、2、1、2とエンドレスで変わるようにしたいのですが… 分かる方いらっしゃったら教えていただけると嬉しいです。

tiharu330
お礼率0% (0/3)

HTML
回答数3
ありがとう数0

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

yambejp
ベストアンサー率51% (3827/7415)

2007/06/28 13:39 回答No.2

innerTextはIEしか反応しないのでinnerHTMLでどうでしょう？また、関数化したほうがすっきりするかもれない。 <span onClick="this.innerHTML=this.innerHTML=='文字1'?'文字2':'文字1';">文字1</span>

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

himajin100000
ベストアンサー率54% (1660/3060)

2007/07/01 06:12 回答No.3

#1です押せるけど、赤にはなってませんでした。多分回答時に間違えたんですね

ログインすると、全ての回答が全文表示されます。

himajin100000
ベストアンサー率54% (1660/3060)

2007/06/28 13:31 回答No.1

明確な理由がない限りこういった無駄なギミックはあまりお勧めしない。また、HTML と CSS と ecmascript/javascriptは使われる用語も，全然別物なので，何でもかんでもタグだと思わないこと。これらの違いがわかる頃にはコードの意味がわかり、応用できるようになっているはず。俺からは応用は示さない。まず、以下のコードをQ3122625-1.jsというファイル名で保存する //================================== var mode; var message; var E; function init(){ E = document.getElementById("signal"); message = new Array(); message[0] = "START"; message[1] = "STOP"; mode = 0 ShowMessage(); } function ShowMessage(){ //Firefox/Operaの場合は //E.textContent = message[mode]; E.innerText = message[mode]; } function flip(){ mode = (mode + 1) % message.length; ShowMessage(); } //================================ 次に，以下のコードをQ3122625-1.htmlとして保存した後開き、赤い部分をクリックする。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>テスト</title> <script type="text/javascript" src="Q3122625-1.js"></script> </head> <body onload="init();"> <p id="signal" onclick="flip();">押せません</p> </body> </html>

ログインすると、全ての回答が全文表示されます。