在流星如何找到一個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> 

我wroted一些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

的template's find method需要一個CSS選擇器作爲參數，所以你需要通過#id1而不是id1。

Answer 2

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

或使用jQuery

var myh1 = $('#id1')