問題タブ [documentfragment]

質問する

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.

93 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
2861 参照

javascript - Shadow DOM 内から Element にアクセスする

Web コンポーネントを作成しましたが、コンポーネント内から要素にアクセスしたいと考えています。
.attachMode({mode:'closed'}) を使用しているため、親はアクセスできません。

いくつかの試み:

  1. ドキュメント フラグメント内 - this、self、window、および document はすべて親ウィンドウを参照します。そして、誰もシャドウ ルートにアクセスできません。
  2. グローバル変数にシャドウ ルートを格納し、フラグメントまたは connectedCallback 内からアクセスしようとしました。
    それが機能したとしても、{mode:'closed'} を使用するポイントが無効になりますが、とにかく機能しませんでした。

機能するハックがありますが、それを使用する必要があるとは想像できません。
カプセル化の要点は、物事を自己完結できるということですが、JS がコンテナー内の他の項目に作用できない場合、それは何の役に立つでしょうか?

これが解決策である場合は、コンポーネントの実装方法のロジックを説明するヒントが欲しいです。
ただし、ハックは次のとおりです。JS オンロードを実行するイメージを含めます。

同様の質問 ( 25048359、16633057、55101967など) に関する注意 - モードが閉じている場合、これらの回答は機能しません。

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

javascript - ドキュメントフラグメントから属性を取得しますか?

javascript で data-index 属性にアクセスしたいのですが、taskElement.dataset.indexと入力するとエラーが発生します

テンプレート要素の属性にアクセスするにはどうすればよいですか?


12345678910