在 Meteor 如何找到一个 DOM 元素（渲染后）？答案

【问题标题】：In Meteor How to find a DOM element (after render)?在 Meteor 如何找到一个 DOM 元素（渲染后）？
【发布时间】：2023-03-11 12:20:01
【问题描述】：

我是流星新手。

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

或使用 jQuery

var myh1 = $('#id1')

【讨论】：