タグ付けされた質問 「children」

JavaScriptには、任意の要素から最初の子要素を取得するためのさまざまなメソッドが用意されていますが、どれが最適ですか。つまり、動作に関しては、ブラウザ間の互換性が最も高く、高速で、包括的で、予測可能です。エイリアスとして使用するメソッド/プロパティのリスト： var elem = document.getElementById('container'); var child = elem.children[0]; var child = elem.firstElementChild; // == children[0] これはどちらの場合でも機能します。 var child = elem.childNodes[0]; // or childNodes[1], see below これは、フォームまたは<div>反復の場合です。テキスト要素に遭遇する可能性がある場合： var child = elem.childNodes; // treat as NodeList var child = elem.firstChild; 私ができる限り、firstChildからのNodeList childNodesをfirstElementChild使用し、を使用しchildrenます。私はこの仮定をMDNリファレンスに基づいています。 childNode要素ノードの最初の子要素への参照、またはnull存在しない場合。 速度の点では、firstElementChildは事実上への参照children[0]であり、childrenオブジェクトはすでにメモリ内に既に存在するため、違いがあってもほとんどありません。 私を投げるのはchildNodesオブジェクトです。これを使用して、テーブル要素のフォームを確認しました。childrenはすべてのフォーム要素をリストchildNodesしていますが、HTMLコードの空白も含まれているようです。 console.log(elem.childNodes[0]); console.log(elem.firstChild); 両方のログ <TextNode textContent="\n "> …

233 javascript  dom  elements  children 

このif状態は私に問題を引き起こしているものです： if (div id=myfav has children) { do something } else { do something else } 私は以下をすべて試しました： if ( $('#myfav:hasChildren') ) { do something } if ( $('#myfav').children() ) { do something } if ( $('#myfav:empty') ) { do something } if ( $('#myfav:not(:has(*))') ) { do something }

202 jquery  children 

現在のところ、この質問はQ＆A形式には適していません。回答は事実、参考文献、専門知識によって裏付けられると期待していますが、この質問は、議論、議論、投票、または拡張ディスカッションを求める可能性があります。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 8年前に閉鎖。 元の質問 私は長女の幼稚園グループに招待され、私の職業についての子供たちの質問に答えました。グループには4〜6歳の26人の子供がいます。さらに3人の教師がプログラミングとIT自体に関連することをかなり怖がっていますが、新しいトリックを学ぶのに十分大胆です。プロジェクターや何もなければ、私は約20〜30分かかります。彼らは古いコンピュータを持っていますが、見た目は486かもしれません。それが機能しているかどうかもわかりません（更新：機能していません）。 私の研究は、多くの優れたヒントとともに、以前の優れたスレッドを明らかにしました： 5歳の子供にあなたの仕事をどのように説明しますか？ キャリアデー：「コンピュータープログラマー」のサウンドを8歳までクールにするには 子供たちのグループに1日でプログラミングについて何を教えることができますか？ しかし、私の状況は上記のそれぞれとは異なります。後者の問題は年長の子供たちに関するものですが、最初の問題は1人の子供（または高齢者）と話すことです。20人のグループはまったく異なる課題です。 子供とその教師にプログラミングについて楽しく教えるにはどうすればよいですか？ 回答に基づいた計画 素晴らしい答えをありがとう、みんな:-)単一の答えを受け入れるのは理にかなっているとは思いませんが、SOersの大多数がそうであるように、私はジムが一番好きです。しかし、他の多くの回答には、役に立つヒントやアイデアが含まれています（そのうちのいくつかは、学校の将来のキャリアの日に必ず使用します...）。 私は大まかな計画をまとめました： この回答のように、プログラミングとは何かを簡単に説明します。 コンピューターはどこにでもあることを伝え、子供たちと一緒に例を収集します（以下のいくつかの回答で提案されています）。 ドゥサンドイッチとジムのプレゼンテーション。 時間があれば、さらにビルドします。 コンピュータの強みは、彼らがかつて教えられたことを正確に覚えていることです（そして、2番目のサンドイッチを準備し、最初の試みのすべての欠点を繰り返すことでそれを実証します） プロセスのバグを修正しようとする2番目のラウンドがあります。 ループの概念を説明する：n1つの命令でコンピュータにサンドイッチを準備させることができます これは私の計画です-かなり異なる結果になると確信しているので、状況に応じて即興で行います。プレゼンテーションは約2週間で予定されています。後で投稿を更新し、実際にどのように行われたかをお伝えします... 結果 ようやくプレゼンテーションの日が来ました...簡単に言えば、すべてうまくいき、大成功でした:-) 今回のグループは非常に落ち着きがなくエネルギッシュであることが判明したため、会話は時々少し混乱しました。短くしてビッグサンドイッチメーカーショーに行かなければなりませんでした。ジムが言ったように、子供たちはそれを愛していました。 しかし、予期しない副作用が1つありました。パンの最初のスライスがようやく準備ができた後、誰もが食べたがっていました。しばらくの間、私は会話を続け、プログラミングについてさらに説明しようとしましたが、私たちは幼稚園の先生と一種の緊急サービスラインを設置して、膨大な量のマーマレードパンを作り、空腹の群衆に食べさせました（これは半分でした）朝食後1時間、記録として:-)。それから私たちはパンを使い果たしました、それは明らかにプレゼンテーションの終わりを意味しました。混乱を片付けた後、最大の笑い声が噴き出し、子供たちは貧しいコンピュータが彼の靴下を台無しにしたマーマレードのパッチを踏んだことに気づきました:-) 先生たち自身も非常に感銘を受けました-フィードバックから判断すると、これはこのグループでこれまでで最高でおかしなキャリアデーでした。素晴らしいアイデアをありがとうございました！ 改善できること（次回）： 「コンピュータはスマートだと思いますか？」と尋ねると、驚いたことにほとんどの人が「いいえ」と答えました。次に、誰がコンピュータをスマートだと思うのか、そしてその理由を尋ねました。しかし、私は誰がコンピュータを馬鹿げていると思うのか、そしてその理由を尋ねるのを怠りました-したがって、私はいくつかの潜在的に興味をそそる答えを逃したと思います。 子供たちをテーブルの周りに招待することで、子供たちを積極的に参加させることができましたが、たまに少し積極的すぎるかもしれません。パンのスライスがテーブルから消え始め、聴衆の何人かは自分の指をバターとマーマレードに浸すのと同じぐらいコンピュータを真似しました:-)ある程度の距離を保つのが良いです。 空腹の群衆を制御下に置くために、子供たちは前もって明確に伝えられるべきです：「あなたはすべてのパンを食べることができますが、デモの後でなければ！」 しかし全体として、私は結果に非常に満足しています。そして私は子供たちがコアメッセージを受け取ったと確信しています：プログラマーとして、混乱を避ければ、あなたはあなたのパンを作ることができます（マーマレードを使っても:-)

187 children 

私は次のようにchildNodesをループしようとしています： var children = element.childNodes; children.forEach(function(item){ console.log(item); }); ただし、機能上出力Uncaught TypeError: undefined is not a functionしforEachます。私もchildren代わりに使用しようとしましたがchildNodes、何も変わりませんでした。 誰かが何が起こっているのか知っていますか？

83 javascript  loops  children