在Meteor中如何查找DOM元素(渲染后）

In Meteor How to find a DOM element (after render)?

本文关键字：DOM 元素 Meteor 何查找 查找      更新时间：2023-09-26

我是流星的新手。

我想使用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元素（在渲染后）以便对其进行操作？

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

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

或使用jQuery

var myh1 = $('#id1')
相关文章：