在流星中如何查找DOM元素（渲染后）？

Question

我是新来的流星。

我想使用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都保持为空。

问题：如何找到DOM元素（渲染后），以便可以对其进行操作？

Answer 1

模板的find方法采用CSS选择器作为参数，因此您需要传递#id1而不是id1 。

Answer 2

var myh1 = document.getElementById('id1');

或与jQuery

var myh1 = $('#id1')