custom-element

1熱

2答えて

リンクされたjavascriptファイル内からカスタム要素にアクセスするにはどうすればよいですか？

私が持っていた場合、私はconstructor()にthisに同等であるカスタム要素にアクセスする方法をmain.js内からこの <template id="x-foo-from-template"> <script src="/js/main.js"></script> </template> <script> customElements.define('my-hea

javascript web-component custom-element html5-template 2017-08-19

---

0熱

1答えて

ドメイン名を使用してカスタムポリマー要素へのアクセスを制限する

ポリマーカスタム要素を使用して以下を達成しようとしています。 [基本的に - 許可した場合]要求は、ドメイン名が一致する場合はカスタム要素 をレンダリングするために来ているところからドメイン名を検出し、ドメイン名ではないマッチが/許可されていない場合は、カスタム要素テンプレート をレンダリングエラーページポリマーテンプレートにリダイレクト 私は他のサイトに提供しているカスタムHTML要素を作成しま

javascript polymer-2.x custom-element polymerfire 2017-08-20

---

0熱

1答えて

カスタム要素のポリフィルをロードする最適な方法は何ですか？

私は現在カスタム要素で遊んでいます。私は、サポートが不足しているブラウザ（多分Firefoxのみですか？）にpolyfillブラウザをインストールするには正しい方法（正しい方法のような感じ）を見つけるのに苦労しています。 私は現在、次のやっている： if ('customElements' in window) { var e = document.createElement('scri

javascript web-component shadow-dom polyfills custom-element 2017-08-26

---

0熱

1答えて

CustomElements V1とShadowDOMのための外部スタイリング

これは以前に尋ねられた質問がネイティブCustomElementsではなくPolymerをベースにしていたことと重複している質問のようですが、これはCSSに関するもので、ShadowDOMやCustom CSS Properties/ class StyleMe extends HTMLElement { \t constructor() { \t \t super(); \t

javascript html css custom-element html5-template 2017-08-28

---

1熱

1答えて

シャドウDOMに<content>タグを使用する

私はシャドウDOMを抽象化するフレームワークなしで、主にその複雑さを学ぶために使用しようとしています。私はwebcomponents.js polyfillsを使用しているので、クロスブラウザで動作します。 私はカスタム要素を作成してシャドウDOMを設定しましたが、何らかの理由で<content></content>タグが予想されるコンテンツを継承していません。 私は、この例では、 Shadow

html web-component shadow-dom custom-element content-tag 2017-09-03

---

3熱

1答えて

クラスキーワードを使用せずにカスタム要素を作成する

これは、実際にはES6のオブジェクト指向モデルに関する質問です。しかし、私は新しいカスタム要素の作成を例として使用するつもりです。 だから、新しいカスタム要素がMDNによるタグnameに取るcustomElements.define()、constructor、および（オプションである）options経由で作成する（今日のような）新しいと光沢のある方法、Google、そしてもちろんのspec。リス

javascript es6-class custom-element 2017-09-06

---

1熱

1答えて

Safari NotSupportedError親要素のコンストラクタ内のshadowRoot.innerHTMLのカスタム要素

カスタム要素を作成し、shadowRootにNotSupportedError (DOM Exception 9): A newly constructed custom element must not have child nodesをスローする他のカスタム要素を含めるように設定しています。 NotSupportedErrorをSafariにスローしないようにコンストラクタを変更する適切な方法

safari web-component custom-element domexception 2017-09-06

---

2熱

1答えて

どのようにバニラjsで自己完結型カスタム要素のテンプレートをスタンプする？

私はタロットカードを表示するだけのカスタムコンポーネントを持っています。 カスタム要素の前にテンプレートを定義しました。 私の接続されたコールバックでは、私はshadowrootにテンプレート自体を添付し、shadowrootにそれを複製することによってそれをスタンプしました。私は次の2つの理由でこれを行いました： 自分のコンポーネントが自己完結型モジュールであることを望みます。私のカスタム要素と

javascript dom web-component custom-element html5-template 2017-09-07

---

1熱

1答えて

このカスタム要素は機能しますか？私はそれをやめましたMaterial Design lite

class CardElement extends HTMLElement { constructor() { super(); let shadow = this.attachShadow({mode: open}); let div = document.createElement('div'); let div_main = d

javascript material-design shadow-dom custom-element 2017-09-11

---