Javascriptにおいて、TRタグが入れ子状態になっている時に、
「childNodes」で子供のTRタグを取得することはできないので
しょうか?具体的には、以下のようなスクリプトを組んだ場合に、
c_obj_list[3] には子供のTRタグが格納されるのかと思ったのです
が、そうはならないようです。子供のTRタグ配下のタグに操作を
行いたいのですが、どうやったら子供のTRタグ配下のタグに辿り
着くでしょうか?

******************************
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"></meta>
<title></title>

<script>

function func(obj){
var p_obj=obj.parentNode;
var pp_obj=p_obj.parentNode;
var c_obj_list=pp_obj.childNodes;
alert("c0="+c_obj_list[0].nodeName);
alert("c1="+c_obj_list[1].nodeName);
alert("c2="+c_obj_list[2].nodeName);
alert("c3="+c_obj_list[3].nodeName);
}

</script>
</head>

<body>

<table col="4">
<tr>
<td><input type="checkbox" onclick="func(this)"/></td>
<td colspan="2"><textarea style="width:298px;overflow:hidden;">あああ</textarea></td>
<td><textarea style="width:300px;overflow:hidden;" >いいい</textarea></td>
<tr>
<td width="20"></td>
<td><input type="checkbox" onclick="func(this)"/></td>
<td><textarea style="width:274px;overflow:hidden;">ううう</textarea></td>
<td><textarea style="width:300px;overflow:hidden;" >えええ</textarea></td>
</tr>
</tr>
</table>

</body>
</html>

このQ&Aに関連する最新のQ&A

A 回答 (2件)

tr要素は入れ子になる要素ではありません。

Javascriptではなく、htmlに関する理解の問題です。

実際、Firefox, Opera, IEではtr要素は入れ子になるとは解釈されず、2つのtr要素が並列にある(2行ある)として解釈されるようです。その結果、tr要素の子要素としてtr要素を探しても見つからないことになります。
    • good
    • 0
この回答へのお礼

ご返事が遅くなりました.
<tr>の理解を間違えていたようです。
ただ、どうしても入れ子で使いたい訳があるため、
ご指摘の内容をうけて「childNodes」ではなく
「nextSibling」を使用したら、やりたいことが
できるようになりました。

ありがとうございました!!

お礼日時:2009/05/30 19:54

<tr>の子要素は<th>、<td>のどちらかなのでは?



表示上どうしてもtrを入れ子にしたいのなら、子要素としてtableを入れることになりますが、その場合でも、
 <tr><table></table></tr>  ではなく、
 <tr><td><table></table></td></tr>
になると思われます。
    • good
    • 0
この回答へのお礼

ご返事が遅くなりました.
<tr>の理解を間違えていたようです。
テーブルの入れ子も考えたのですが、思った通りの表示にならない
ため、<tr>の入れ子で頑張っています。
やりたいことは、「childNodes」ではなく
「nextSibling」を使用してできるようになりました。

ありがとうございました!!

お礼日時:2009/05/30 19:57

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q難関大合格者に質問 英語の伸びる要素って

英語の伸びる要素ってズバリ何ですか?
自分は今年読解力を養成するつもりで単語は基礎の基礎しか入れずパラリーやリーズニングを中心にやってました

しかしダメでした。正直読むのに苦労した部分がセンターでさえもありました
受験英語の中でも英語っていろいろあるじゃないですか(文法や構文など

全部やるのはもちろんですが必ずこれをやっとけば合格に近くなるってものがいくつかあるのではと思ってます。

難関大(特に早慶合格者に
聞きたいのですが英語を安定してのばすには一年間何を集中してやればいいか教えて下さいm(_ _)m

Aベストアンサー

早慶ではないですが、難関大合格者です。

私の場合、自己流ですが、やはり長文を読むための単語力、構文読解能力が大事だと思います。
内容を理解するのに単語力は必須だし、
構文を見抜けないと意味がわかりませんから。

あくまで私の自己流なので、参考までに。

Qtextarea中の

に全置換

<form action="略" method="post" name="foo">
(中略)
<textarea name="bar" rows="4" cols="40">
</textarea>
(中略)
</form>

今、上記のformがあります。
で、このtextarea内の<br>を<br />に全置換するために、
<intut type="button" name="hoge" value="textare内の 「&lt;br&gt;⇒&lt;br /&gt;」を全置換" />
のようなボタンを配置したいです。
で、この<input type="button"(中略) />をおすとJSで<br>を<br />に全置換できるようにしたいのでうが、
どのようにくめばいいのでしょうか?

なお、いま手許ソースがないので、name属性ではなくid属性だったかもしれません。
あるいはnameとidの両方の属性がついてたかもしれません。

どのようにくめばいいかご存じの方、よろしければそのJSの記述をお教えください。

以上、よろしくお願い申し上げます。

<form action="略" method="post" name="foo">
(中略)
<textarea name="bar" rows="4" cols="40">
</textarea>
(中略)
</form>

今、上記のformがあります。
で、このtextarea内の<br>を<br />に全置換するために、
<intut type="button" name="hoge" value="textare内の 「&lt;br&gt;⇒&lt;br /&gt;」を全置換" />
のようなボタンを配置したいです。
で、この<input type="button"(中略) />をおすとJSで<br>を<br />に全置換できるようにしたいのでうが、
どのようにくめばいいのでしょうか?

なお、いま手...続きを読む

Aベストアンサー

>なお、いま手許ソースがないので、name属性ではなくid属性だったかもしれません。
>あるいはnameとidの両方の属性がついてたかもしれません。
name属性か、id属性かによって、ソースは変わってきます。
<input type="button" name="hoge" onclick="sample();" value="textare内の 「&lt;br&gt;⇒&lt;br /&gt;」を全置換" />
<script type="text/javascript"><!--
function sample(){
var ele=document.forms['foo'].elements['bar'],value=ele.value;
if(value)ele.value=value.replace(/<br>/g,'<br />');
}
//--></script>

これでどうでしょうか。

Q英語の発音に関して人よりもマイナス要素があります。

英語の発音に関してお聞きしたいことがあります。

私はいつもそうなのですが、喋ると(日本語)声が基本的に裏返ります。

特に低い声を出すとほぼ確実に裏返ります。

「声色が一定じゃない」と言った方が良いかもしれません。

そんな私が英語の発音を良くしようと日々頑張っているのですが、

英語は基本的に低めのトーンで話すためすぐに声が裏返ります。

裏返って発音するとすごく声質が高くなりものすごく変な、下手な発音になります。

声が低めで私みたいに声が裏返る事がない、英語に特に興味ない友人にネイティブが話した英文を真似て発音してもらったら、細かい部分(RとLやMとNのような)の発音はそんなにでしたが、全体的にとてもクリアに聞こえ少なくとも必死に毎日上手くなろうともがき苦しんでいる私よりかは良く、ネイティブに近い発音に聞こえました。

正直ショックでした。

なにかこんな私に良い練習方法と言うのはないでしょうか?

発声練習と言った方が良いかもしれません(日本語でさえ裏返る事があるので)。

回答お待ちしております。

Aベストアンサー

アメリカ人でもビックリしたり、慌てたりすると、声が裏返る人がいますが、それでも、英語をしゃべっています。

ただ、英語でも声が裏返ることは、あまり好ましいことではないので、まず、日本語で、裏返らないような工夫をなさってみたらどうでしょう。それで、日本語で安定した声の出し方が出来るようになったら、それを英語でも活用なさるといいと思います。

キングのスピーチという映画をご覧になりましたか。吃音に悩む王様の物語で、そこにスピーチセラピストが出てきます。ああいう人が日本にいるかどうか、捜してご覧になって、もしいなければ、お考えのように、演劇のサークルで大声を出しながらおなかから声を出すような練習をして、のどを鍛えてみるのもいいかもしれません。

DVDなどで気に入った役者さんやニュースキャスターさんを捜して、その人のまねをするのが、私には効果的でした。耳から入った発音を真似するだけではなくて、口の形を見て、真似をするのが役に立ちました。日本人のように口を縦横に動かすのではなく、イの口をしたまま(横に広げたまま)下唇だけでしゃべっている感じです。

m、p、bを発音する時には上下の唇を閉じます。f、vは下唇を上の歯で押さえるようにします。thは舌を少し出します。rは舌が口の中の後ろのほうに巻き込むようにします。

細かいことですが、気をつけてひとつずつ直してゆくと日本人特有の”Lazy mouth”が直ってゆきます。

いろいろ書きましたが、横に広げた唇のまま話していると、声が裏返ることはないような気がするのですが。。。どうかなぁ。。。ちょっと試してみてください。

健闘を祈ります。

アメリカ人でもビックリしたり、慌てたりすると、声が裏返る人がいますが、それでも、英語をしゃべっています。

ただ、英語でも声が裏返ることは、あまり好ましいことではないので、まず、日本語で、裏返らないような工夫をなさってみたらどうでしょう。それで、日本語で安定した声の出し方が出来るようになったら、それを英語でも活用なさるといいと思います。

キングのスピーチという映画をご覧になりましたか。吃音に悩む王様の物語で、そこにスピーチセラピストが出てきます。ああいう人が日本にいるかどう...続きを読む

Q特定内の
の色を変える

お世話になります。
特定<table>内の<td>の色を変える
<table id="abc">
<tr>
<td>あああああ</td>
<td>いいい</td>
<td>ううう</td>
</tr>
</table>
<table>にはidを定義します。
その<td>タグにはidを定義していません。
このとき、あああああ、いいい、うううの表示色を
<input type="button" value="色を変える" onClick="ChngColor()">

なんてことで、
マウスをクリックすることにより変更できないものでしょうか。
よろしくお願いいたします。

Aベストアンサー

#1さんへの補足より――

> functio ChngColor(){
> var Obj=document.getElementById('abc');
> Obj=document.getElementsByTagName("td");
> for (var i=0;i<Obj.length;i++){
> Obj.style.color="red";
> }
> }

特に3行目がいけない。こう変えましょう。
(あと、詰めすぎは見づらいので、適当に空白を入れました)

function ChngColor() {
var Obj1 = document.getElementById('abc');
var Obj2 = Obj1.getElementsByTagName("td");
for (var i = 0; i < Obj2.length; i++) {
Obj2[i].style.color = "red";
}
}

Q英語リスニングup だけではなく意外な他の要素もあるDVD

リスニングupの為にDVDを借りていますが、勉強と同時
に楽しくやりたいとも考えています。私としてはサスペン
スが好きなのですが、サスペンスの中にも笑えるシーンも
あるとか(ヒッチッコク劇場のように怖い中にもおかしさ
がある)、社会派の映画だけど good figure の女性が
登場するシーンもあるとか、○×だけど○×以外の要素も
あると、あなたが思う洋画を知っていたら教えてください

Aベストアンサー

オードリー・ヘップバーン主演の「シャレード」はサスペンスの中にも何かユーモアがあって、とても面白かったですね。ケイリー・グラントも好い人なんだか悪い人なんだか最後まで判らずドキドキ。全体的にヒッチコックっぽい感じ+コミカル+ロマンス+オシャレと盛り沢山で、とてもお得感がある映画だと思います。

Q英語の文法で、文の要素の補語について

 補語についてちょっと疑問に思うことがあるので教えていただきたいのです。
 文法書では補語になるのは名詞・代名詞・形容詞、あるいはそれに相当する語・区・節であるとありますが、たとえば次のような文では原型不定詞が補語になっていると思いますが、この説明をしていただけるとありがたいのですが。よろしくお願いします。

 They made me sit down again.

Aベストアンサー

不定詞は動詞ですが,to 不定詞に名詞的用法・形容詞的用法・副詞的用法があるように,
名詞・形容詞・副詞と同じ役割を果たしています。

不定詞や動名詞・分詞は,本来の動詞が述語動詞と言われるのに対して,準動詞と言われます。
半分動詞の要素が残っていますが,半分は別の品詞になっている。

だから,名詞や形容詞と同じように補語になれます。
原形不定詞も to 不定詞も to かあるかないかで同じです。

原形だと,現在形と区別がつかず,述語動詞っぽいですが,原形という時点で
普通の述語動詞とは違います。

make/let/have/see/hear/feel など一部の動詞では
+O+原形となる。
多くの動詞(get/tell/ask/want/expect/force など)では +O+to 原形

もう一つの考え方。
このような原形不定詞は補語などではない。

普通の補語の場合,
He made me happy.
の場合,me = happy, I am happy が成り立つ。

They made me sit down again
では,決して me = sit ではない。
I sit という主述関係が成り立つので,I am happy と同じように考えているだけ。
SVOC なら,be 動詞でつながるはず。

これに対しては再反論として,
I am to sit のように,be to 構文的に be でつなげることができる。

このような made me 原形のような表現は専門的には
不定詞付き対格などと言われ,SVOC と考える立場だけではありません。

me sit ... でセットで O という考えが専門的には主流かもしれませんが,
受験英語的には SVOC とする立場が優勢だと思います。
実際には,文型とか,原形が補語だとか,あまり考えない方がいいです。
make O 原形で「O に~させる」という形とわかるだけでいいです。

不定詞は動詞ですが,to 不定詞に名詞的用法・形容詞的用法・副詞的用法があるように,
名詞・形容詞・副詞と同じ役割を果たしています。

不定詞や動名詞・分詞は,本来の動詞が述語動詞と言われるのに対して,準動詞と言われます。
半分動詞の要素が残っていますが,半分は別の品詞になっている。

だから,名詞や形容詞と同じように補語になれます。
原形不定詞も to 不定詞も to かあるかないかで同じです。

原形だと,現在形と区別がつかず,述語動詞っぽいですが,原形という時点で
普通の述語動詞とは違い...続きを読む

Q

数十の<a>タグがあるHTMLファイルの中で、
<div id="blank">で囲まれた<a>タグ群のみをすべてtarget="_blank"にしたいと考えています。
該当する<a>タグすべてにtarget="_blank"を書くと、HTMLファイルの容量が大きくなるので、CSSのIDとJavaScriptを組み合わせて、実現できないものでしょうか。

Aベストアンサー

<base target="_blank">
<div id="blank">
 <!-- -->
</div>
<base target="_self">

Q英語の質問です

英語の質問です
副詞は文の要素になれないと参考書に書かれていたのですが文の要素とはなんですか?

Aベストアンサー

英語の文には主に5種類の文があります。
これを5文型といい、英語の文で5文型のどれかに分類できない文はありません。

まず、
S:主語、V:動詞、O:目的語、C:補語、M:修飾語
文の要素とは、上のSVOCのどれかです。副詞はMにしかなれません。

そして、5文型を紹介します。

[第1文型]
S+V~:主語+動詞からなる文です。

e.g.1, There is a dog under the table. この文は
    M   V  S   M   
となります。 副詞はSVOCにはなっていませんね?

[第2文型]
S+V+C~:主語+動詞+補語~となります。
見分け方は、S=Cになっているかどうかです。

e.g.2 she is Kumi.「彼女はクミです。」
    S V C
She=Kumiになっていますね?

[第3文型]
S+V+O~:主語+動詞+目的語~となります。
この場合、S≠Oです。

e.g.3 She plays soccer.「彼女はサッカーをします。」
    S V O
彼女はサッカーではないので、Oとなります。

[第4文型]
S+V+O1+O2~:主語+動詞+目的語1+目的語2
見分け方は、O1≠O2

e.g.4 She gave you this present.「彼女はあなたに、プレゼントをあげました。」
    S  V  O   O
「あなた」は「プレゼント」ではないので、O1、O2となり、第5文型にはなりません。

[第5文型]
S+V+O+C~:主語+動詞+目的語+補語
見分け方は、O=Cとなっていることです。

e.g.5 She named this dog Pochi.「彼女はこの犬をポチと名付けた」
    S  V    O   C
イヌ=ポチ なので、O,Cとなります。

このように、文の単語単語のもつ要素(S,V,O,C,M)が文の要素です。
分かりにくいと思いますので、下記を参考にしてください。

http://www.eibunpou.net/01/chapter1/1_2.html

http://www.geocities.jp/catalysttm/grammar.html

高校でみっちり学習するので、中学生の方であれば、さほど気にする必要はありません。
しかし、今のうちに文型を身に着けておくと、後が大分得です。

e.gの文の下に、S,V,O,Cとつけましたが、これを文の構成要素と言い、これを今のうちにつける訓練をしておけば、高校に入ってからも楽ですし、中学校の間でも、実力が上がると思います。

英語の文には主に5種類の文があります。
これを5文型といい、英語の文で5文型のどれかに分類できない文はありません。

まず、
S:主語、V:動詞、O:目的語、C:補語、M:修飾語
文の要素とは、上のSVOCのどれかです。副詞はMにしかなれません。

そして、5文型を紹介します。

[第1文型]
S+V~:主語+動詞からなる文です。

e.g.1, There is a dog under the table. この文は
    M   V  S   M   
となります。 副詞はSVOCにはなっていませんね?

[第2文型]
S+V+C~:主語+動詞+補語~...続きを読む

Qjavascriptで、タグ内のnodeNameが"#te

javascriptで、<body>タグ内のnodeNameが"#text"のみを拾って書き直したいのですがわかりません。
特定のタグの中だけならいろいろとサンプルがあるのですが、いくつタグがあるのかわからない時に全ての"#text"を調べるには再帰呼び出しなどを用いることになるかとも思いますが。

http://q.hatena.ne.jp/1203511355
に目的にかなうようなスクリプトが掲載されていましたが、あるファイルの中を調べるスクリプトのようで動作しません。
どうぞよろしくお願いいたします。

Aベストアンサー

tagを全部取得して、ひとつひとつノードをチェックするとか

<head>
<script>
window.onload=function(){
var tags=document.getElementsByTagName("body")[0].getElementsByTagName("*");
for(var i=0;i<tags.length;i++){
var n=tags[i].firstChild;
while(n){
if(n.nodeName=="#text") alert(n.nodeValue);
n=n.nextSibling;
}
}

}
</script>
</head>
<body>
<div>1<div>2</div><div>3<div>4</div></div></div>
</body>


人気Q&Aランキング