問題タブ [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 投票する
4 に答える
633 参照

javascript - カスタム HTML 要素と ID またはクラスを含む HTML 要素の使用

好奇心から、要素に ID やクラスを使用する代わりに、JS でカスタム要素を作成し、CSS でスタイルを設定するだけで、サイトやページにどのような影響があるでしょうか?

例えば「コンテナ」という要素を作り、それを<container> ではなく >として使うと<div class="container">、性能差とかあるのでしょうか?

これが頻繁に使用されているのを見ていないのですが、なぜだろうと思っています。

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

javascript - Javascriptは2つの部門で要素を作成します

javascript を使用して iframe を作成し、それを「fblike」という ID を持つ 2 つの部門に挿入したいと考えています。次のコードを使用しようとしましたが、うまくいきませんでした。

私はJavaScriptの知識がほとんどないので、コードに間違いがあるに違いないことを知っています. 誰でも私を助けてください!! ありがとう

更新:ご協力ありがとうございます :) コードを更新して間違いを取り除きました。これで、次のコードが機能します。

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

javascript - iE9 イベントで動的に作成された要素が機能しない

上記のコードは、削除ボタンを作成します。これは、最後に作成されたボタンに対してのみ正常に機能します。

画像をクリックして選択すると、このボタンで画像が動的に作成されますが、画像をクリックして選択するたびに、イベントonclickは最後に作成されたボタンに対してのみ機能します。以前に作成されたすべての要素には、機能するイベントはありませんが、エラーは表示されません。

上記のコードは Mozilla では問題なく動作しますが、IE9 では動作しません。

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

javascript - onclickでボタンを作成するjavascript

私はjavascriptを使用して、ボタンに関連するdomオブジェクトをパラメーターとして取り込むヘッドで定義された関数を呼び出すonclickイベントを持つボタンを作成しようとしています。どうすればこれを行うことができますか?

元:

javascript:

結局、新しいボタンを既存のボタンと同じにしたいのです。

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

javascript - createElement が IE 8 以下で機能しない

私は問題に苦労しており、IE 8 以下にまで煮詰めました。私の疑いはcreateElementです。誰でも助けることができます。

これは最低限のコードを削除したものです

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

javascript - Chrome で Javascript の createElement div が正しく表示されませんか?

AJAX呼び出しから返された結果を使用して、フォーム入力の下にポップアップ「オートコンプリート」ボックスを作成する次のレガシーコードがあります。このコードは Firefox 6 と IE9 で正常に動作します - 小さな div がポップアップします (スタイリングは Chrome が開発者ツールに表示するものです):

これ<div>は FF と IE で確認できますが、Chrome では<div>境界線まで折りたたまれているように見える が表示されます。奇妙なことに、開発者ツールを使用して以下の JavaScript コードのthis.oDiv.style.visibility = "visible";行にブレークポイントを設定すると、Chrome は を作成し、<div>それを境界線に折りたたまれたサイズで表示しますが、開発者ツールの [要素] タブに切り替えて試してみると、なぜか、Chrome が何かを再計算しているように見えて、<div>突然表示され、正しく表示されます。リフレッシュすると、物事は再び壊れます。

これは Chrome のバグですか、それとも私のコードに何か問題がありますか?

関連するコード:

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

javascript - javascript を使用して rss/xml リンク要素を作成する方法

私はポッドキャストジェネレーターに取り組んでおり、非常にクールなものである XML dom の使用に切り替えました。最後のハードルは、リンクとエンクロージャーの要素です。

リンク要素は html リンクとして扱われ、エンクロージャーは自己閉鎖ではありません。代わりに、以下を生成します

RSS の目的では、次のようにする必要があります。

これが xml dom を使用する最初の理由であり、xml ファイルを適切にレンダリングするようになりましたが、rss/xml 有効なマークアップを作成して既存のファイルに追加する方法をまだ見つけていません。事前にt​​hx。

更新:これは私が現在取り組んでいるコードです。xml は noscript に読み込まれるため、エンドユーザーはテーマに依存する JavaScript でアクセスでき、SEO 目的で検索エンジンによってインデックス化されます。CMS モードでは、処理のために xmlHTTPrequest 経由で php スクリプトに送信されるまで、ホルダーとして使用します。

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

javascript - document.createElement/document.body.appendChild実行された場所でdivを作成/書き込みしない

IDが「headercontent」のdivがあり、ユーザーのシステムでjavascriptが有効になっている場合に他のリンクを書き込むスクリプトがありますが、ユーザーがjavascriptを有効にしていない場合に備えてnoscriptを使用したバックアップもあります。

コードは正常に実行され、実行時に「a」要素が書き込まれますが、問題は、コードが実行されるdivに書き込まれないことです。コードは「headercontent」divの外部に書き込まれ、クラススタイルを完全に無視します。レンダリングされたコードで記述されている場合でも。要素にスタイル属性を追加し、必要に応じてjavascriptで記述できるため、スタイリング/クラスについてはあまり心配していませんが、このdivの外部にコードを記述している理由についてはもっと心配しています。

私のコードは次のとおりです。

writeask()関数を取得して、これが実行されるのと同じdivに要素を作成するにはどうすればよいですか?したがって、最終的な出力は次のようになります。

それ以外の:

私はまだjavascriptの初心者なので、今はかなり戸惑っています。誰かが助けることができれば、それは大歓迎です。

前もって感謝します。ダン。

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

javascript - createElementスタイリング

私はDOMjavascriptの初心者なので、そのような質問があります。私はそのようなhtmlフォームを持っています=>

そして、見られるように、スタイル(css)コンテンツを含むdivの「input」要素を追加するaddChild()関数を呼び出したいと思います。私はそのようなjavascriptコードを持っています=>

しかし、それは機能していません...誰かが私を助けてくれたら、上から下に「input」要素とその方法を追加する必要もあります。ありがとう ... :)

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

javascript - createdivの作成を停止するとJqueryをドラッグ可能

ここで何が間違っているのかよくわかりませんが、divが作成されておらず、理由がわかりません。

ドラッグ可能な要素をドロップすると、コードが実行され、次の関数に移動する必要があります。

しかし、divは作成されませんか????