custom-element

    0熱度

    1回答

    我目前正在玩弄自定義元素。我正在努力尋找正確的方式(或者感覺像正確的方式)來填充缺乏支持的瀏覽器(看起來只有Firefox?)。 我目前做如下: if ('customElements' in window) { var e = document.createElement('script'); e.src = '/static/elements/my-element.js';

    3熱度

    1回答

    這實際上更多的是關於ES6中面向對象模型的問題。不過,我將以創建一個新的自定義元素爲例。 因此,新的和有光澤的(如今天的)方法來創建一個新的自定義元件是通過根據MDN,GooglecustomElements.define()其採取在標籤name,一個constructor,和options(其是可選的),當然spec。列出的所有文檔均使用class關鍵字constructor的變體。 假設我不喜

    2熱度

    1回答

    我製作了一個非常基本的Web組件。我使用自定義元素構造函數編寫的JavaScript添加和刪除類。 爲什麼當我將文檔的樣式表中的類移動到自定義元素的影子DOM中的樣式表時,我的javascript不再能夠添加或刪除它們? class BgAnim extends HTMLElement { constructor() { super() this.atta

    0熱度

    1回答

    我已經使用Polymer 2創建了一個Web組件。其代碼使用es5捆綁的預設轉換爲ES5。該組件部署在CDN上,並在不使用聚合物的第三方頁面上導入。 下面是一個使用例如: https://noticeable-widget-demo.firebaseapp.com/issues/shadycss/index1.html 有Web組件引人注目的小部件的3個實例。 如果樣式是在定製樣式內定義的,我可以

    0熱度

    1回答

    <link rel="import" href="../../bower_components/polymer/polymer-element.html"> <dom-module id="my-data"> <script> (function() { let dataValue = [ {num: 'T001', status: '4

    1熱度

    1回答

    我試圖創建一個自定義的錶行,但有困難得到它正確的行爲。我已經嘗試了以下兩種方法,他們給出了奇怪的結果。我意識到,如果沒有自定義元素,這很容易,但這是一個更大項目的小例子。我可以改變什麼來達到預期的效果? class customTableRow extends HTMLElement { constructor(){ super(); var

    2熱度

    1回答

    我創建一個應用程序的選舉,這將需要在列表中的開關元件。我有以下自定義元素Web組件。爲了簡潔起見,我修剪了課堂中不相關的功能。 // Position // --------------------------------------- class Position extends HTMLElement { constructor(title) { super();

    1熱度

    2回答

    這是我遇到的oninput和onchange的問題。 在下面的例子中,我希望能夠讓自定義元素的onclick僅在內部按鈕被點擊時觸發。 https://jsfiddle.net/xk5w95gf/ class TestElm extends HTMLElement { constructor() { super(); this._value = null

    0熱度

    1回答

    雖然這可能看起來是一個重複的問題,以前要求的基於聚合物,而不是本地的CustomElements,這是關於CSS本身,沒有穿透ShadowDOM或自定義CSS屬性/變量 所以在這裏我們有一個簡單的自定義元素(注:爲寫在新版Chrome這隻作品) class StyleMe extends HTMLElement { \t constructor() { \t \t super();

    1熱度

    1回答

    我試圖使用沒有任何抽象它的框架的影子DOM,主要是爲了瞭解它的錯綜複雜。我正在使用webcomponents.js填充,因此它可以跨瀏覽器工作。 我已經設法創建了一個自定義元素,並設置了它的影子DOM,但由於某種原因<content></content>標籤沒有包含預期的內容。 我希望這個例子來呈現爲 Shadow DOM Hello world More Shadow 但它呈現爲 Sha