問題タブ [appendchild]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
4726 参照

javascript - JavascriptremoveChild配列

これは十分に単純に見えますが、私はそれを機能させることができません。DOM要素を追加することはできますが、配列を使用するときにそれらを削除することはできません。

remove関数では、SomeID1を書き込むと機能し、最初に追加された要素が削除されますが、「count」を使用しようとすると、「elements」を削除できません。

どんな助けでも大歓迎です。

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

0 投票する
3 に答える
1771 参照

javascript - ノードがロードされる前にappendChild?

<script>HEAD自体が完全にロードされる前に、HEADの要素をappendChildできますか?

例:

そこにmy.jsあります:

このコードは、ブラウザが到達する前に実行されます</head>

これは安全ですか、それとも問題を引き起こす可能性がありますか?.jsスクリプトからjqueryをロードしたいので、これを実行したいので、ページを編集して他のページを<script>手動で追加する必要はありません。

どうもありがとう

0 投票する
6 に答える
1594 参照

javascript - 要素をメモリに保存して、DOM の頻繁な更新を防ぎますか?

現在、反復ごとに DOM を更新するループがあります。これは悪い習慣であり、速度を向上させるために DOM の更新をできるだけ少なくする必要があることを学びました。

だから私は以下をどのように編集して、すべての要素を1つの要素または何かに保存し、ループが終了したら単一のDOM追加を行うことができるのか疑問に思っていました.

これがループです..

0 投票する
2 に答える
2477 参照

javascript - appendChild() および createElement() Javascript に関する質問

コードで appendChild() と createElement() を使用すると、定義された CSS ID の後続のスタイルが適用されません。誰かが理由を教えてもらえますか? これが私のコードです:

次に、APIを介してBingへの検索クエリを処理する他のコードがあります(Googleが現在課金しているためだけです...)

次に、同じメソッドを使用して別の div を挿入します。

ここで、これらの数値にいくつかのスタイルを適用したいと思います。ただし、searchResultsPage にスタイルを適用すると、次のようになります。

継承されているスタイルがわかりません。興味深いのは、これら 2 つの要素の 1 つだけを挿入すると、すべてが計画どおりに進み、スタイルがうまく表示されることです。問題は、検索の上部と下部にページを表示したいということです。

なぜこれが起こっているのですか?要素が2回使用されていることに関係があるのではないかと思いますが、オブジェクトが異なる場合にこれが影響する理由はわかりません。

ありがとう。

0 投票する
2 に答える
6816 参照

javascript - Javascript .removeChild & .appendChild が機能しない

.removeChild と .appendChild を使用して、ある画像を別の画像に変更する非常に単純な Javascript 関数を機能させようとしています。私のコードは次のとおりです。

しかし、それは機能していません。ページは banner.gif で読み込まれるだけで、この画像が loading.gif に変更されることはありません。理由がわかりません。助けてください。

ありがとう!

0 投票する
1 に答える
946 参照

xml - Flex 3: 子を追加した後のリピーターの更新

子内には、次の構造を持つ XML 要素があります。

次に、リピーターを使用して、それぞれを画面にリストします。ポジションを作成するために使用するボタンを作成しました。したがって、ユーザーがこのボタンをクリックすると、次の関数が呼び出されます。

上記の関数は、新しい XML オブジェクトを作成し、いくつかのデフォルト値を入れて、プロジェクトの位置のリストに追加します。新しい情報を追加した後、プロジェクトの高さを大きくしてから、新しいプロジェクトの高さが他のプロジェクトと重なっていないことを確認しました...しかし、その情報はこの投稿には関係ありません。

私の問題はこれです-新しい子をXML変数に追加すると、画面に表示されません。新しい子を表示するためにリピーターに対して実行できる「更新」または「再レンダリング」オプションはありますか?

編集- 追加情報

変数の宣言は次のとおりです (情報は親から取得されます)。

これがリピーターです(実際には別の子を呼び出します):

次に、ユーザーが「位置の追加」ボタンをクリックすると、次の関数が呼び出されます。

それが私が最初にやろうとしたことです(この投稿を作成したとき)...次に、あなたの応答の後にいくつかのものを変更し、これになりました:

宣言:

リピータ:

addPosition 関数:

変更を加えて、XMLListCollection をリピーターのデータプロバイダーとして使用すると、情報が画面に読み込まれなくなります :(

0 投票する
1 に答える
586 参照

javascript - クリック時にDOM要素を削除して再挿入する

最近、クリックしたときに要素を一番上に移動する必要があるスクリプトを作成しました。私はonclick関数で次のコードを使用し、何年も使用しています。

スクリプトが機能していなかったので、コードをいじって、修正するためにこれまでに行ったことのないことを試しました。問題はこのコード行にあるのではないかと思いました。実際、それとは何の関係もないことがわかりましたが、いじくり回していると、次のコードが同じ機能を実行しているように見えることに気付きました。

私の知る限り、違いはありません。前者は私にとって「より良い」と感じますが、その理由ははっきりとは言えません。実際の違いはありますか?そうでない場合は、後者の使用を開始し、18文字を保存します:-)

0 投票する
1 に答える
1294 参照

javascript - 関連するすべてのイベントとともに、ある部門の子要素を別の部門にコピーする

parent特定のdiv要素を別の要素に置き換えようとしていnewparentます。parentの子の一部だけをコピーして入れてから、をnewparentに置き換えたいと思います。これが私のコードの抜粋です:parentnewparent

編集 :

だから私がするとき newparent.appendChild(temp)それは変更しsb_buttonます。これの回避策は何ですか?

0 投票する
1 に答える
2527 参照

javascript - DOMappendChild代替

次のようにDOM要素を作成しています。

ここで、関数が呼び出されるたびに複数のimg要素を作成する追加の代わりに、最後の行を置き換えたいか、常にxの最初の子要素にします。

クロスブラウザの互換性のために同じことをどのように行う必要がありますか?