选择元素（Polymer 1.0）

Question

我正在努力迁移到 Polymer 1.0

这是我的模板：

<template>
    <div class="scroll">
        <div class="content">
            <content></content>
        </div>
        <div class="bar barY"></div>
    </div>
</template>

主 html 文件中的内容被文本填充。

我需要获取此 div 的滚动高度。我曾经做过：

height = $(this.shadowRoot).find('.content')[0].scrollHeight;

但这不再有效了：

Uncaught TypeError: Cannot read property 'scrollHeight' of undefined

我尝试向 div 添加一个 id，然后像这样选择它：

height = this.$.content.scrollHeight;

但是这给我的值为 0，即使内容中有很多文本。

我正在从 ready 函数调用此代码。

我选择的元素是否正确？

Answer 1

<content> 实际上并不包含组件的内容，而是为这些内容提供了一个 插入点 ，这些内容将是 <content> 元素的同级元素.要获取为给定 <content> 节点插入的元素，您可以使用以下命令：

var content = Polymer.dom(this.root).querySelector('content');
var distributed = Polymer.dom(content).getDistributedNodes()

可在 https://www.polymer-project.org/1.0/docs/devguide/local-dom.html#dom-api-examples 找到上述文档以及更完整的示例。

选择元素（Polymer 1.0）

Selecting element (Polymer 1.0)

polymer

polymer-1.0