问题标签 [native-web-component]
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.
html - 为什么我不能在作为 WebComponent 的元素上设置大小
我正在尝试使用选择器在 WebComponent 中设置width和设置，但大小没有改变。这是组件的模板：height:host
我需要做的是添加一个div作为容器并设置它的大小
我想了解为什么这是不可能的以及它的原因。或者如果有更好的方法来解决这个问题。
这是它的 JSBin：http://jsbin.com/gesovagapi/edit?html,css,js, output
web-component - Web 组件和影子根
我使用以下代码创建了一个 Web 组件，其中我使用了模板：
但是在控制台的影子根目录中，我看到了这个不一样的内容：
css - 在开槽元素中设置后代元素的样式
是否可以在开槽元素中选择后代元素？
像这样的例子：
它不起作用
javascript - 自定义 HTMLElement 的 connectedCallback() 中的 textContent 为空
在connectedCallback()我的自定义元素的方法中，textContent它作为空字符串返回。
基本上我的代码归结为以下...
和HTML...
从阅读connectedCallback()它听起来好像一旦元素被添加到 DOM 就会调用它，所以我希望 textContent 属性应该是有效的。
如果有帮助，我正在使用 Chrome 63...
javascript - 当所有子自定义元素都已连接时，如何使用“connectedCallback”
我正在使用 Web 组件 v1。
假设有两个自定义元素：
父元素.html
子元素.html
我试图在附加时使用connectedCallbackinparent-element来初始化整个父/子 DOM 结构，这需要与child-element.
但是，在被解雇时似乎child-element没有正确定义：connectedCallbackcustomElement
父元素.js
这是行不通的，因为el是 aHTMLElement而不是 a child-element。
parent-element一旦正确附加了其模板中的所有子自定义元素，我需要一个回调。
这个问题的解决方案似乎不起作用；this.parentElement在null里面child-element connectedCallback()。
伊利蒙
javascript - 是否可以保留自定义元素的内部 html？
使用自定义元素，我想为自定义元素内的元素设置样式，但是当我定义元素时，除了 shadow dom 之外的所有内容都消失了。
如何将内容从元素移动到影子 dom？我已经<div class="wrapper">在阴影中有一个包装元素（），但试图使用
不起作用。
HTML
JS
web-component - Web 组件嵌套插槽
有没有更好的方法将插槽传递给深度嵌套的组件？
索引.html
外部组件：
内部组件：
css - 为什么我的 Web 组件 CSS 不显示？我没有使用 shadowDOM
我有一个未使用 shadowDOM 的 Native V1 组件，因此我将 CSS 放在<head>. 但是当其他人使用我的组件时，我的 CSS 不再起作用。
只有当他们的组件确实使用 shadowDOM 时才会发生这种情况。
我的组件的示例代码：
我的 CSS 被加载到<head>标签中，因为我没有使用 shadowDOM。但是一旦外部元素将我包含在他们的 shadowDOM 中，那么事情就会分崩离析。
javascript - 如何在 Web Components 中使用子元素
我正在为教育目的构建香草 Web 组件。这是我的自定义复选框。
我想像这样使用它
但是，MY LABEL部分在浏览器上不可见。我想让它可见并反映通过 javascript 所做的更改。我怎样才能做到这一点？
javascript - 阴影 dom 元素中未显示 HTML 标题属性
我使用 Web 组件创建了自己的 HTML 元素。它将一个按钮添加到它的影子根。但是当将鼠标悬停在按钮上时，它的标题并没有被绘制出来，尽管在 html 元素上设置了 title 属性。我使用的是 Windows 10 和 Firefox 版本 58.0.2。有任何想法吗？