問題タブ [createelement]

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 投票する
3 に答える
169296 参照

javascript - javascriptのdiv要素内にdiv要素を作成する

私は、div既存の内部を作成するという非常に基本的な例を試していdivます。

私が使用するとき、それは機能していないようです:

しかし、私がこれを行うとうまくいきます:

windows.onload関数を追加する必要がありますか?それでも動作しませんが!

HTMLコード:

JSコード:

0 投票する
0 に答える
104 参照

javascript - ユーザーがjavascriptで入力を削除するときにdivを削除する

ユーザー入力を取得し、結果を一致させ、結果をドロップダウンに表示してから、ドロップダウンから名前をクリックして表示しようとしています。innerHTML を使用して結果をドロップダウンに表示できましたが、クリックできなかったため、Div 要素を動的に作成しています。ただし、ユーザーがバックスペースを押したときにリストをクリアする方法がわかりません。以前はdocument.getElementById('placeholder').innerHTML=""ステートメントでそれを行っていました。これが私がこれまでに行ったことです。コメント内のコードは、innerHTML を使用してドロップダウン メニューを表示していたときのものです。

HTML コード:

JS コード:

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

javascript - Jqueryチェーンステートメントで新しく作成された要素の子としてx要素を追加する方法はありますか?

私は以下を使用しています:

を呼び出す前xに、これに子を追加する必要があります。div.grid

チェーン内に新しく作成されたdiv要素に子divの数をx=3追加する方法はありますか?x連鎖可能なもののようなものfor-loop

洞察をありがとう!

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

javascript - jQuery を使用してネストされたコンテンツを持つ要素を構築する

jQuery を使用して JavaScript でオブジェクトを作成するには、以下を使用します。

これはうまく機能します-html属性を設定することで、記事のコンテンツを設定しました。

この時点でやりたいことは、タグを追加すること<h2>と、<div>タグを含むタグを追加すること<footer>です。この要素の概要は次のようになります。

  • 論文
    • h2
    • 分周
      • フッター

これを行う最良の方法は何ですか?(これは単なる例であることに注意してください)。

更新: 主な質問は、html属性を使用して複数の要素を追加するにはどうすればよいですか?

同様の質問の方法を試しましたが、この場合は機能しません。

私は動作するこのフィドルを作成しました..しかし、私のJSはまだ動作しません。私は間違いなく何かが欠けています。

編集: jQuery 1.8.* のみで動作します

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

javascript - Javascript で動的 CSS を作成する

Google マップの情報ウィンドウを作成しようとしていますが、情報を表示する動的フォームを生成する必要があります。

次のスクリプトは、「No_found_err: DOM exception 8」というエラーを生成します。

このエラーは、最後の 2 行の間に表示されます。タグ ID "poiName" および/または "poiDesc" が作成されていないということですか?

上記の問題を解決するにはどうすればよいですか?

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

0 投票する
4 に答える
32309 参照

javascript - javascriptチェックボックス作成要素

フォームにチェックボックス リストを追加しようとしています。次のコードを使用すると、配列内のすべてのアイテムが取得されますが、チェックボックスがないため、何も選択できません。これには非常に簡単な解決策があると確信していますが、何が間違っているのかわかりません (私はこれが初めてです)。ご協力いただきありがとうございます。コードは次のとおりです。

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

javascript - 複数の appendChild 呼び出しが機能しない

明確な答えが見つからないまま、いくつかのスレッドを読みました。JavaScript ライブラリ (Drinks.js) を使用して、Web ページにいくつかのウィジェットを配置しています。次のコードは、1 つの項目を div 要素に追加しますpnlThermo

さて、同じ div 要素にいくつかの項目を追加したいと思います。for サイクルを使用するか、関数を明示的に呼び出しても、最初のアイテムのみがレンダリングされます。例えば:

T1表示のみにつながります。おそらく私は何かを見逃していました.私はJavaScriptプログラミングにまったく慣れていません.

ありがとうございます。

0 投票する
4 に答える
2842 参照

javascript - img 要素の作成と dom への追加には終端がありません

私はすでにかなり複雑な DOM 構造を持っています。終了していない画像要素が問題を引き起こす可能性を排除したいと考えています。

最も単純なケースを見ると:

正常に動作しますが、dom を検査すると、次のような終了スラッシュのない img 要素が表示されます。<img/>

単純なレイアウト ビューでは問題はありませんが、これらの要素、ランダムな要素、さらには同じ親ノード内の同様の画像が大量にあるビューを見ると、それらのノードは dom インスペクタにありますが、レンダリングされません。終端がないと、ツリーに問題が発生しますか?

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

javascript - HTML 要素を新しいポップアップ ブロックにコピーして挿入する

すべての要素を完全にコピーしたい

(+ div を含む) 新しいポップアップ ウィンドウにコンテンツを表示

この簡単な方法を試してみました: http://jsfiddle.net/ApBSN/3/

それは機能します...しかし、関数はコードをコピーせず、ある場所から別の場所に移動し、元の場所から効果的に削除します。ブロックを複製したいだけです。はい、ページが2つの「ID」になれないことは承知しておりますが、これでさらに気を引き締めます。

アイデア?

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

javascript - createDocumentFragment();を使用して要素にAjaxを追加します。要素を作成する代わりに

この投稿は、createElement()ではなくcreateDocumentFragment()を理解するのに最も役立ちました。document.createDocumentFragment またはdocument.createElementを使用する必要があります。

パフォーマンス上の理由から、フラグメントを使用すると大きなデータセットに役立つことを理解したので、関数を変換したいと思います。

これは私が現在使用しているものであり、希望どおりに機能します=> ajaxを使用してphpファイルからコンテンツを取得し、このコンテンツを新しい(XMLHTTP / ACTIVE OBJECT)の既存のコンテンツの先頭に追加しますdiv#wrapperdiv.feedBoxr

これは私が試したものですが、何が起こるかというと、コンテンツは追加されますが、div.feedBoxはありません

私は何を取りこぼしたか?それを機能させる理由と方法を説明できますか?これは本当にこれを行うためのより効率的な方法ですか?

PS:jqueryは使用しないでください。私はそれをよく知っていて、他のプロジェクトで広く使用していますが、これをできるだけ小さく/軽量/効率的にしたいと思っています。