热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

将样式导入Web组件

如何解决《将样式导入Web组件》经验,为你挑选了2个好方法。

将样式导入Web组件的规范方法是什么?

以下给出了一个错误HTML element is ignored in shadow tree:


我使用以下方法使用shadow DOM插入它:

var importDoc, navBarProto;

importDoc = document.currentScript.ownerDocument;

navBarProto = Object.create(HTMLElement.prototype);
navBarProto.createdCallback = function() {
  var template, templateClone, shadow;

  template = importDoc.querySelector('template');
  templateClOne= document.importNode(template.content, true);

  shadow = this.createShadowRoot();
  shadow.appendChild(templateClone);
};

document.registerElement('my-nav-bar', {
  prototype: navBarProto
});

Jammer.. 9

如果您需要在