問題タブ [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 に答える
8159 参照

javascript - Javascript DOM - 新しく作成されたappendChildにフォーム要素を追加しますか?

フォーム入力要素を含むテーブル行を追加および削除する 2 つの関数があります。どちらも正常に動作しますが、後で作成されたテーブル行にのみ [削除] ボタンの入力を表示する必要があるという問題があります。私の2つの機能は次のとおりです。

そしてhtmlコンテンツは次のとおりです。

私は決して Javascript の専門家ではなく、むしろ初心者なので、解決策を考え出すのに苦労しています。

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

javascript - IE6/IE7のappendChildは既存の要素では機能しません

DOM内のある場所から別の場所に移動する必要があるdivがあります。だから今のところ私はそのようにやっています:

しかし、IEは、まあ、IEなので、機能しません。IEではなく、他のすべてのブラウザで動作します。

要素(div)'oUpdater_About'は何度も入力されるため、再利用する必要があるため、この方法で行う必要があります。

したがって、DIVをDOM内で移動できるようにする必要があります。appendChildを使用すると、すべてのブラウザーでこれが発生しますが、IEです。

前もって感謝します!

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

javascript - マウスオーバーのappendchild

javascriptとjqueryの組み合わせを使用してxmlファイルから結果を検索して表示しています。結果はサムネイルとして表示され、クリックするとjqueryカラーボックスに詳細情報が表示されます。カラーボックス内の情報は、インラインの非表示div(#affInfo)から取得されます。サムネイルのアンカータグで定義されたonmouseoverイベントを使用して、非表示のdivに新しいdiv(pWindow)を追加しようとしています。これは機能せず、firebugコンソールは「要素リストshowInfo([object HTMLDivElement])の後に]がありません」というエラーを返します。

私のコードを見て、このエラーを解決する方法を提案してください。

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

javascript - removeChild() が Javascript 関数内で appendChild() を実行できないのはなぜですか?

このコードで cleanGrid() 関数を呼び出すときの目標は、クラス「円」であった div を取り除き、それをクラス「正方形」の div に置き換えることでした。私が実際にこのコードを使用しているのは、交換可能なアイテムではないため、replaceChild() が機能しないためです。cleanGrid() への関数呼び出しをコメントアウトすると、コードは正常に実行され、ボタンはクリックごとにクラス 'square' を持つ div を追加するだけです。私が実際に望んでいるのは、cleanGrid() が「グリッド」div にあるものをすべて削除し、この関数が呼び出された後に追加する必要があるもののために余地を残すことですが、この関数が呼び出された後に何も追加できず、理由がわからない。

0 投票する
7 に答える
17431 参照

javascript - JavaScript IE appendChild() - メソッドまたはプロパティ アクセスへの予期しない呼び出し

私はIEでこの問題を抱えています。選択した要素をある要素から別の要素にドラッグするために使用する 2 つの div があります。div1 に子要素 (div) があり、div2 にいくつかの子要素があるとします。div1 の子要素で div2.appendChild() メソッドを呼び出します。div1 から子を削除し、div2 に追加します。次に、子を div1 に追加しようとすると、IE で次の例外「メソッドまたはプロパティ アクセスへの予期しない呼び出し」が発生します。それはfirefoxで完全に機能しています。以下の JavaScript のコード スニペットを参照してください。

これは基本的に、ドラッグ時に選択した子 div をある親 div から別の親 div に移動します。

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

javascript - Javascript の appendChild 名プロパティ

だから私はラジオボタンの入力に属性、特にJavascriptの名前属性を追加しようとしています。メインオブジェクトに子を追加していて、 Object.setAttribute("name", value); を使用するとき。その後、追加された入力の innerHTML をチェックします。これには name プロパティさえ含まれていません!

簡単なものが欠けているか、それを回避する方法があると思いますが、かなり長い間この問題に取り組んできましたが、成功していません。Object.name = value および Object.nodeName = value を使用してプロパティに直接アクセスしようとしました (これはランダムな試行でした)。

IE6 の JavaScript レンダリング エンジンが setAttribute("name", value) を認識しないという問題はありますか? それを回避する方法はありますか?

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

javascript - JavaScriptの空の要素にDOM要素を追加する方法は?

要素に追加するために使用するDOMツリーを返すオブジェクトがたくさんあります。例えば、

最終的には次のようになります。

これらの 3 つの DIV はサード パーティのコードによって作成されたものであり、ここで DIV タグをラップしていますが、代わりにそれらを空の要素に追加したいのですが、うまくいきません。

予想された結果:

これがあなたにとって意味があるかどうかはわかりませんが、DOM を使用する必要があり、それらのコンテンツを他の要素内に配置することはできません...

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

appendchild -
からを削除するための最良の方法は何ですか
これはappendChildを使用して作成されましたか?

document.createElement('input')を使用してテキストボックスを動的に作成し、同じメソッドを使用してそれらの間にブレークを追加しています。次に、.appendChildを使用してこれをdivに追加しています。

.removeChildを使用してこれらのテキストボックスを削除できます。問題はありませんが、ブレークはまだ残っています。

私の質問は、各テキストボックスの間に作成された各ブレークを削除するにはどうすればよいですか?