在流星中如何查找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')