gpt4 book ai didi

javascript - 我可以使用 jQuery 访问影子 DOM 吗?

转载 作者:行者123 更新时间:2023-12-03 21:54:00 33 4
gpt4 key购买 nike

我用这样的 polymer 定义了一个组件:

<polymer-element name="my-component">
<template>
<div id='test'>CONTENT</div>
</template>
</polymer-element>

现在我想访问shadow dom,例如:获取div id='test'的内容

var x = $("div#test").html();

给定的代码不起作用。我可以用jquery访问shadow dom吗?

最佳答案

不,不在 polymer 元素之外。

阅读完 Polymer 后,您似乎只能在 Polymer 元素内的脚本中访问 Polymer 元素的 Shadow-DOM。 Polymer 文档位于 Automatic node finding说:

Every node in a component’s shadow DOM that is tagged with an id attribute is automatically referenced in the component’s this.$ hash.

这意味着您可以添加 <script>标记为 <template> 的同级哪里this.$.test将是您想要的元素。

<polymer-element name="my-component">
<template>
<div id='test'>CONTENT</div>
</template>
<script>
Polymer('my-component', {
logNameValue: function () {
console.log('polymer element', this.$.test);
console.log('jQuery wrapper of polymer element', $(this.$.test));
}
});
</script>
</polymer-element>

关于javascript - 我可以使用 jQuery 访问影子 DOM 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21218859/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com