人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Javascriptについて。
innerHTMLを使って、表示を切り替えるようなものを作る際、innerHTMLが使えないブラウザ用のクロスブラウザ対策ができているサンプルを教えてください。

もしかして、Prototype.jsとか使うと簡単にできるものなのでしょうか?
根本的なところで、Prototype.jsはサーバーと連携しなくても便利なものなのですか?

●質問者: dingding
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript prototype.js クロスブラウザ サーバー ブラウザ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● susie-t
●35ポイント

まず、prototype.jsを使用しても、この点に関するクロスブラウザ対策は実現できません。

prototype.jsはAjaxで有名ですが、サーバと連携しなくても有用です。

「innerHTMLが使えない」場合で、ページ読み込み後に「表示を切り替え」たいとなるとちょっと分からないのですが・・・。ただ、「エラーを出さない」のであれば、要素にinnerHTMLがあるかどうかを判定し、処理を分岐させることで可能です。

<html>
<head>
<script>
function change(str){
 //document.getElementByIdが使える場合
 if(document.getElementById){
 var elem = document.getElementById('test');
 //innerHTMLが使える場合
 if(elem.innerHTML){
 elem.innerHTML = str;
 }
 }
}
</script>
</head>
<body>
<div id='test'>default</div>
<input type='radio' name='updown' onclick='change("上");'/>上<br/>
<input type='radio' name='updown' onclick='change("下");'/>下
</body>
</html>
◎質問者からの返答

ありがとうございます。


2 ● b-wind
●35ポイント

普通は DOM を使う事になるでしょう。

http://www.mozilla-japan.org/docs/dom/technote/tn-dom-table/


prototype.js は Ajax でばかり有名ですが、汎用のユーティリティーで単独でも便利なものです。

http://www.imgsrc.co.jp/~kuriyama/prototype/prototype.js.html

◎質問者からの返答

ありがとうございます。

DOMってモジラ以外でも使えるものですか?

DOM自体がわかりません。

すみませんが、分かりやすいサイトがあれば教えていただきたいです。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ