编辑： 刚刚找到此链接，它以某种方式解释了它。 使用 querySelector 查找 Polymer 模板内的嵌套元素返回 null

尽管如此，我还是希望能够回答我关于这个特定代码的问题。

/编辑

我认为这是一个相当直接和简约的问题：

我在聚合物中有一个自定义元素：

<polymer-element name="my-test">
    <template>
        <div id="content">
            <h3 id="test">My Test</h3>
            <p id="paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi dolore consectetur, mollitia eos molestias totam ea nobis voluptatibus sed placeat, sapiente, omnis repellat dolores! Nihil nostrum blanditiis quasi beatae laborum quisquam ipsum!</p>
            <button id="button">Clicke Me!</button>
        </div>

    </template>
    <script>
    Polymer('my-test', {
        ready: function() {
            var button = this.$.button;
            button.addEventListener("click", function() {
                alert("alert");
            });
        }
    });
    </script>
</polymer-element>

问题是，我宁愿使用

var button = document.querySelector(#button);

而不是

var button = this.$.button;

因为它看起来更直观和更具声明性。但每当我这样做时，我都会收到一条错误消息：

"Uncaught TypeError: Cannot read property 'addEventListener' of null " in Chrome and

 Firefox instead says: "TypeError: button is null"

因此，任何帮助都值得赞赏！:)