javascript - 在 Meteor 中如何找到 DOM 元素(渲染后)？

Question

我是 meteor 新手。

我想使用 JavaScript 将文本从 h1 元素复制到 div 元素中。

我从这个开始:

cd /tmp
meteor create dad
cd dad
meteor deploy dad.meteor.com

我创建了一个模板:

<template name='dad1'>
  <h1 id='id1'>hello</h1>
  <h2 id='id2'>world</h2>
</template>

我写了一些js:

// dad1.js
if (Meteor.isClient) {
  Template.dad1.onRendered(function(){
    var myh1 = this.find('id1');
    var myh2 = this.find('id2');})}

当我在浏览器中单步执行上述 js 时，myh1 和 myh2 都保持为 null。

问题: 如何找到 DOM 元素(渲染后)以便我可以对其进行操作？

Answer 1

template's find method采用 CSS 选择器作为参数，因此您需要传递 #id1 而不是 id1。