custom-element

0熱度

2回答

問題1：以下代碼適用於聚合物。我不太明白如何。我不必做類似var el = new Element()的事情，或者我沒有明確地將它附加到文檔中。問題2：如何消除<my-element></my-element>標記？ MyElement.html // After Importing all the necesarry files var Element= Polymer({ is

1熱度

1回答

如何對單元測試多填充web組件定製元素

我想單元測試使用webcomponents.js填充的我的Web組件。我的組件是在es6 + scss中製作的，並且使用構建任務，我將es6轉換爲es5，將scss處理爲css並將兩個結果文件插入到html文件中以在我的應用程序中使用我的組件，HTML Import functionnality。這是自定義元素聲明組件類的一個實例： class my-component extends HTM

5熱度

2回答

無法構造「CustomElement」錯誤，當JavaScript文件被放置在頭

我已經定義，像這樣一個自定義元素： class SquareLetter extends HTMLElement { constructor() { super(); this.className = getRandomColor(); } } customElements.define("square-letter", SquareLetter);

0熱度

1回答

自定義HTML元素

HTML spec描述了存儲在CustomElementRegistry中的幾種元素。內藏元件等<a>由的HTMLElement的像HTMLAnchorElement一個內置子類表示。像<my-element>這樣的自治自定義元素，它們擴展了HTMLElement並註冊了CustomElementRegistry。 Customized builtin elements like <a is=

4熱度

2回答

檢查Dom元素是否爲Native/no自定義元素

有沒有方法檢查Dom元素是否是本地元素或未檢測到的自定義元素（未解析）而未檢查Javascript中的所有Native tagNames？我已經想到檢查element.constructor === HTMLElement，但<main>（documentation）標記具有該標記，因爲它是頂級類。基本上我需要一個更快，維護更少的檢查本地元素的方法。

1熱度

1回答

未呈現自定義元素內的子內容

「子內容」跨度顯示在Light DOM中，但實際上並未呈現給頁面（請參見截圖）。任何人都知道爲什麼它不可見？另外我注意到它也顯然沒有被插入，這是我試圖使其可見。 <!doctype html> <html> <body> <hello-world> <span>Child content</span> </hello-world> <scri

1熱度

1回答

HTML導入加載命令的怪癖？

嘿！我很難理解HTML導入的特定行爲。我只是在進口內交換一行並獲得完全不同的輸出。因此，這裏是我得到了什麼？的index.html <!DOCTYPE html> <html> <head> <link rel="import" href="./element-a.html"> <link rel="import" href="./element-b.html">

0熱度

3回答

爲什麼wecomponentsjs/custom-elements-es5-adapter.js不起作用

我將Polymer應用程序轉換爲Polymer 2.我將組件更改爲ES6 Class語法（是的，我知道我可以將它們留在v1.7中混合風格，但我希望他們是ES6類）。然而當我transpile代碼回到ES5（與BabelJS）我碰到一個已知的問題就ES5「類」延伸自然元素（https://github.com/babel/babel/issues/4480）。我試過了babel-plugin-t

1熱度

2回答

加用班級列表

如何動態樣式添加到影子DOM 的index.html <!DOCTYPE html> <html> <head> <title>Document</title> <link rel="import" href="nav-component.html"> </head> <body> <app-nav></app-nav> </body> </html>

1熱度

2回答

設置一個動態創建的元素的`class`屬性在JavaScript

我有一個自定義元素，就像創建： connectedCallback() { var on_off_switch = document.createElement('Div'); on_off_switch.class = 'switch demo3'; this.appendChild(on_off_switch); } 但查看源代碼時，該on_off_s