ベストアンサー

document.all.id1.innerText="ok";

2005/05/29 21:21

・・・・・・・・・・ </head> <body> <div id="id1"></div> </body> </html> はネットスケープではどう書けばいいのでしょうか?

guuman
お礼率86% (1043/1206)

JavaScript
回答数1
ありがとう数1

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

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

ベストアンサー

BLUEPIXY
ベストアンサー率50% (3003/5914)

2005/05/29 22:33 回答No.1

そのdivにテキストがあるとか、他に要素があるとかで変わってくるかと思いますが、質問文のように、中身が何もないdivにテキストを書き込むには次のようにします。 document.getElementById("id1").appendChild(document.createTextNode("ok")); ＮＮで試してはいないですが、多分うまくいくはず

質問者

お礼 2005/05/30 00:19

ありがとうございます

関連するQ&A

idとclassの指定方法

id(class)の指定は、セレクタといっしょに指定（１）、セレクタを除いて指定(２) どちらが正しいというのはあるのでしょうか？【例】 <html> <head> <title>タイトル</title> </head> <body> 　　　　　<div id="sample"> 　　　　　　　　　　<p>サンプル</p> 　　　　　</div> </body> </html> (1) div#sample p { color:#f00; } (2) #sample p { color:#f00; } どちらでも良いような気がしますが、実際の所どうなんでしょうか。
同じIDのスタイルをまとめて変更したい

JavaScriptでスタイルを変更しようと思ったのですが、なかなかうまくいきません。 <html> <head> <script language="JavaScript"> function change(obj) { document.getElementById(obj).style.color="#ff0000"; } </script> </head> <body> <div id="a">要素A</div> <div id="b">要素B</div> <div id="a">要素A</div> <input type="button" value="変更" onClick="change('a')"> </body> </html> 変更ボタンを押すとIDが"a"のフォントカラーが赤色になるはず、と思ったのですが、これだと1段目の「要素A」だけが赤色になり、3段目の「要素A」に変化がありません。getElementById()メソッドは上から1番目のIDしか参照しないのでしょうか。どうすれば1段目と3段目の両方のフォントカラーを変更できるでしょうか。
【javascript】document.getElementByIdは一つしか使えないの？

以下をhtmlをブラウザで見ると、文字列"aaa"は表示されますが、"bbb"は表示されません。 <html> <head> <SCRIPT LANGUAGE='JavaScript1.2'></script> </head> <body onload="init()"> <div id="a"></dev> <div id="b"></dev> </body> </html> ブラウザはＩＥ，ＦＦと試しましたが共に同じ結果でした。ＦＦのエラーコンソールには document.getElementById("b").innerHTML="bbb" is null のエラーメッセージが出てましたが、文法的に何が問題なのでしょうか？
あるタグから対応するタグまでを検出する方法

PHP を使って以下のような html の中にある <div id="foo"> に対応する </div> を検出するにはどうしたら良いでしょうか？ <html> <head></head> <body> <div id="wrap"> <div id="foo"> <div> <div> <div> </div> </div> </div> <div> </div> </div> </div> </body> </html> これが思いつけず、先に進むことができません。かなり困っていたので質問させていただきました。よろしくお願い致します。
javascriptでid要素の取得について

お世話になります。最近、javascriptの勉強を始めたたのですが、以下の違いがよくわかりません。 ------------------------------------------------------- <html> <head><title>Test</titile></head> <body> <div id='wrapper'></div> </body> </html> <script language='javascript'> function aaa() { document.getElementById("wrapper").style.display = "none";//---(1) wrapper.style.display = "none"; //---(2) } </script> (2)は、document等省略してますが、その違いは無視して頂ければと思います。 (1)でわざわざgetElementByIdを使用してid要素を取得するメリットがわかりません。初心者の質問で申し訳ありませんが、よろしくお願い致します。
引数付きで呼び出す関数・配列・name(id)のつけ方・・・？

引数付きで呼び出す関数・配列・name(id)のつけ方・・・？何を質問したいのかわからないタイトルになってしまいましたがとりあえず下のソースコードを見てください(実行してください)。 <html> <head><title>up</title> <script language="JavaScript">  </script> </head> <body> <input type="button" value="1" onClick="up(0)"><div id="text1">5*****</div><br> <input type="button" value="2" onClick="up(1)"><div id="text2">5*****</div> </body> </html> １のボタンを押すと上の文字列が反応し、２のボタンを押すと下の文字列が反応するプログラムを書きたいのですが、どっちのボタンを押して関数が呼び出され、どっちの文字列に処理をするか区別することができません、どうしたらよいのでしょうか？下のようにひとつの時はできました・・・。でもふたつの時はどうしたらいいのかわかりません。 <html> <head><title>up</title> <script language="JavaScript">  </script> </head> <body> <input type="button" value="1" onClick="up()"><div id="text1">5*****</div> </body> </html>
ホームページ作成スタイルシートを使用して画面を３分割したい。

ホームページ作成スタイルシートを使用して画面を３分割したい。下のようなソースを作成しました。 head と body と foot に画面を３分割してます。 footを高さ30pxにしてますが、これをウィンドウの一番下にくっつけて画面解像度、ウィンドウサイズを変更してもhead部分は一番上へfoot部分は一番下に表示したいと思ってます。どのような指定をすれば出来ますでしょうか？ご教授願いします。 -------------------------------------------------- <html> <head> <style> * { padding: 0; margin: 0; } #head { height: 100px; width: 100%; background-color: #FFFF00; } #body { width: 100%; } #foot { height: 30px; background-color: #000000; color: #FFFFFF; } </style> </head> <body> <div id="head"> タイトル </div> <div id="body"> テストページ </div> <div id="foot"> copyright(c) </div> </body> </html>
CSS classの場合とidの場合の指定方法

h1などをブロック要素ごとに、違うスタイルを適用させたく、下記のように、記述したのですが、ブロック要素をidで指定する場合は同じように、#mainと#main h1で指定し、<div id="main">とすればよいのでしょうか？それとも、h1は.main h1 とクラス指定して、<div id="main" class="main">とした方がよいのでしょうか？変な質問かもしれませんが、どちらも同じように表示するので、どちらがよいのか分かりません． <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <style type="text/css" media="screen"></style> </head> <body> <div class="main"> <h1>aaa</h1> </div> </body> </html>
innerHTMLを使ってID要素の内容を変えたい

innerHTMLを使ってID要素の内容を変えたいのですが、下記のような使い方はできないのでしょうか？ var changeTEXT = document.all("hoge2").innerHTML; できない場合、これに変わるようなものがありましたら教えていただけたら、うれしいです。よろしくお願いします。 <html> <head> <script language="JavaScript" type="text/javascript">  </script> <style type="text/css">  </style> </head> <body> <div id="hoge1" onclick="change_ID()"> ここの内容を変えたい</div> <div id="hoge2"> ここに入力されたHTMLの内容をhoge1の内容にしたい</div> </body> </html>
ｃｓｓで文字を右寄せにしたいのですが

<html> <head> <style type="text/css">  </style> </head> <body> <DIV style="font-size:80%;" id="right;"> test </DIV> </body> </html> なぜか右寄せになりません。左に寄ってしまいます。 <DIV style="font-size:80%;" id="right;"> の部分がおかしいのでしょうか？
変数に入っているHTMLから特定のidのDIVの範囲を取得したい

変数に入っているHTMLから特定のidのDIVから、そのDIV閉じまでを取得したいのですが、良い方法が思いつきません・・・。 ***.getElementsById(***);は、変数には使えないようですし・・・かといって、変数の内容を、表示されているHTMLにぶちこんでから document.body.getElementsById(***);するのも気がすすみません・・・。繰り返しと、正規表現のマッチを使って、目的の<div="***">までの回数とその文字位置をかぞえ、同じ回数目の</div>の文字位置を調べ、切り取るというのも考えましたが、それは考えがあまかったようで・・・うまくいきませんでした。例えば・・・bodyというidのDIVを取得したいとして・・・次のようなソースだとすると、あたりまえですけどうまくいきません。 <div id="body"> <div id="a"> テスト1 </div> <div id="b"> テスト2 </div> </div> <div id="footer"> テスト3 </div> 何か良い方法がありませんでしょうか・・・。みなさんのお知恵をお貸し下さい。どうかよろしく御願いします。
ＣＳＳについて教えてください。ｉｄ，ｃｌａｓｓ

<body> <div class="style1" id="header"> <div id="logo"><img src="images/banner.gif" alt="見本1"/></div> <ul id="globalNav"> <li><a href="index.html">見本2</a></li> </ul> </div> <div id="contentWrapper"> <div id="content"> <div id="primary"> ※参考書に上記の様な書き出し記述があるのですが、1.まず素人考えでコンテナの様な土台となるボックスはないと考えていいですか？ 2.ｉｄがｄｉｖに包含されいくつも出てきますが，ｉｄは一つしか使用できないため慎重にって事は無いのですか？固有を確定するために便利なのですか？ 3.div classのあとｉｄが使われている様に思うのですが、ｃｌａｓｓにもｉｄは使えますか？？的外れですみません
HTML id名とjavascript変数名

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>test</title> <script type="text/javascript"> window.onload = function() { console.log('test' in window); test.addEventListener('click', function() { alert('click') }, false); }; </script> </head> <body> <div id="test">test</div> </body> </html> 何かすごい勘違いをしていたらお恥ずかしいのですが、上のコードFIREFOX以外（IE、Chrome、safari）'true'でtestをクリックするとalertが出るのですが、これって自動的にid名がグローバル変数になってるってことなのでしょうか？？ id名と同じ名前で変数を宣言していて、ぶち当たりました。どうぞよろしくお願いいたします。
CSSでDIV IDをつかった行間設定

css div#hoge { line-height: 200%; } hoge.html <body> <div id="hoge"> あいうえお<BR> かきくけこ<BR> </div> </body> 上記にてやってみると行間が２００％になってくれません。行間を２００％にするにはどうすればいいですか。　おしえてください　ぐー！
■divにid指定して子供タグに適応(ソース付)

みなさん、よろしくお願いします。上の段と下の段を表示上同じ結果にしたいと思います。現在、上の段のようにdivタグ以下の全てのタグに、GrayMojiを指定しています。本番のソースでは、これが大量にあるので、簡潔に書きたいと思っています。そこで、下の段のように、１つだけidを指定しただけで、divタグに含まれている全タグにGrayMojiを適応させたいと思っています。でも、このソースでは、同じ結果が得られません。どのようにすれば、良いかアドバイスをいただけないでしょうか。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css">  </style> </head> <body> <div> <a id="GrayMoji" href="main/about.html">div-AタグClass</a> <p id="GrayMoji">div-pタグClass</p> </div> ------------------------------------ <div id="GrayMoji"> <a href="main/about.html">divタグClass-A</a> <p>divタグClass-p</p> </div> </body> </html>
IDの持たせ方 (Re: IDのHTML文字列を…)

すみません、締め切った質問ですが、ご回答くださった steel_grayさんが予測されていた通り（下記）、 > ページ内の全リンクに「<br>↑のファイルがある…」が足されます。 > 一部のリンクだけに足すようにするにはなにか条件が必要です。 > （あるIDを持つDIV配下のリンクだけにするとか、 > あるclassを持つアンカーだけにする等。） '一部のリンクだけに' リンクを足すようにしたいのですが、、、。自分なりに考えてみたのは、 (1) <head>内のスクリプトで下記の部分を改訂 var AnchorList = document.getElementsByTagName('A'); ↓ var AnchorList = document.getElementById('folder'); # getElementByIdでいいのですよね？getElement【s】ByIdでなく (2) <body>内の「<br>↑のファイルがある…」を挿入したい部分に<div>タグ＋IDを追加 <div id="folder"> <a href="file:///C:\temp\hoge1.txt">file:///C:\temp\hoge1.txt</a> </div> でも、動作せず、スクリプトエラーにもならず、です。何が誤っていますでしょうか。すみません、よろしくお願い致します。
css　classとidの使い方

あの、<p></p>内の文をclassを使ってitalicに、<span>内をidを使ってbold,色は赤にしたいのですが。変わりません。どこを直したら良いでしょうか？よろしくお願いします。 <HTML> <HEAD> <LINK href="global.css" rel="stylesheet" type="text/css"> <TITLE>About Me</TITLE> </HEAD> <BODY> <H1>About Me</H1> <IMG src="MyPic.png" alt="MyPic" height="150" width="100"> <DIV class="profile"> <p>My name is blahblah.<br> I am a <SPAN id="attention">Good</SPAN> Student.<br> </p> </DIV> 　</BODY> </html> global.cssの内容 .profile{font-style: italic} #attention { font-weight: bold; font-style: italic; color: red }
セレクトメニューから背景色変更+アンカー

セレクトメニューからページ内のアンカーに飛ばし、さらに飛び先のオブジェクトに背景色をつけたいんですが、どうスクリプトを書いたら良いわかりません。。。 javascriptに関しては初心者なので・・・お詳しい方教えていただけると大変助かります！ htmlはこんな感じをイメージしてます↓ <html> <head> </head> <body> <form name="form1" method="post" action=""> <label> <select name="select" id="select"> <option>01</option> <option>02</option> <option>03</option> </select> </label> </form> <div id="box1">box1</div> <div id="box2">box2</div> <div id="box3">box3</div> </body> </html>
ページのトップへ戻るためのidの仕込み方

ページのトップに戻るidを設定したいと思っています。ただ、その中に要素を配置したくないので、以下のように考えています。 <body>すぐ下に <div id="pagetop" style="display: none;"></div> (1)空タグはまずい、と聞きますが、これではよくないのでしょうか？そして、なぜまずいのか、もよくわからない次第で…。お分かりでしたらお教えください。 (2)また、display: none;と書くのはSEO的にはどうですか？どうぞ、よろしくお願いします。
CSSでのレイアウト（Firefox向け）

下のようなレイアウトをCSSで行いたいと思っています。しかし意図するような表示にFireFoxではなりません。FireFoxではどのようにすれば上手くいきますでしょうか？（上手くアスキーアートが書ければいいのですが、、、センタリングされたBOXの中で、さらにBOXが2つ並ぶというようなものです。）　　　┌──────────────┐ 　　　｜┌─────┐┌─────┐│ 　　　｜｜TEXT　　　　｜｜TEXT　　　　｜｜　　　｜｜　　　　　　　　｜｜　　　　　　　｜｜　　　｜└─────┘└─────┘│ 　　　└──────────────┘ <html> <head> <style type="text/css"> body { margin: 10; text-align: center; } #canpas { border-style:solid; width: 700px; } #box { margin: 10; border-style:solid; width: 300px; float: left; } </style> </head> <body> <div id="canpas"> <div id="box">testtesttest</div> <div id="box">testtesttest</div> </div> </body> </html> ぜひよろしくお願いします。

document.all.id1.innerText="ok";

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

お礼 2005/05/30 00:19

関連するQ&A

idとclassの指定方法

同じIDのスタイルをまとめて変更したい

【javascript】document.getElementByIdは一つしか使えないの？

あるタグから対応するタグまでを検出する方法

javascriptでid要素の取得について

引数付きで呼び出す関数・配列・name(id)のつけ方・・・？

ホームページ作成スタイルシートを使用して画面を３分割したい。

CSS classの場合とidの場合の指定方法

innerHTMLを使ってID要素の内容を変えたい

ｃｓｓで文字を右寄せにしたいのですが

変数に入っているHTMLから特定のidのDIVの範囲を取得したい

ＣＳＳについて教えてください。ｉｄ，ｃｌａｓｓ

HTML id名とjavascript変数名

CSSでDIV IDをつかった行間設定

■divにid指定して子供タグに適応(ソース付)

IDの持たせ方 (Re: IDのHTML文字列を…)

css　classとidの使い方

セレクトメニューから背景色変更+アンカー

ページのトップへ戻るためのidの仕込み方

CSSでのレイアウト（Firefox向け）

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

document.all.id1.innerText="ok";

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

お礼 2005/05/30 00:19

関連するQ&A

idとclassの指定方法

同じIDのスタイルをまとめて変更したい

【javascript】document.getElementByIdは一つしか使えないの？

あるタグから対応するタグまでを検出する方法

javascriptでid要素の取得について

引数付きで呼び出す関数・配列・name(id)のつけ方・・・？

ホームページ作成 スタイルシートを使用して画面を３分割したい。

CSS classの場合とidの場合の指定方法

innerHTMLを使ってID要素の内容を変えたい

ｃｓｓで文字を右寄せにしたいのですが

変数に入っているHTMLから特定のidのDIVの範囲を取得したい

ＣＳＳについて教えてください。ｉｄ，ｃｌａｓｓ

HTML id名とjavascript変数名

CSSでDIV IDをつかった行間設定

■divにid指定して子供タグに適応(ソース付)

IDの持たせ方 (Re: IDのHTML文字列を…)

css classとidの使い方

セレクトメニューから背景色変更+アンカー

ページのトップへ戻るためのidの仕込み方

CSSでのレイアウト（Firefox向け）

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

ホームページ作成スタイルシートを使用して画面を３分割したい。

css　classとidの使い方

カテゴリ
一覧

専門家に質問してみよう
専門家登録