Javascript 如何在div中包装元素？

我想将图像元素包装在Polymer 1.0中的

div

元素中：

<template>
      <img src="" alt="Image preview..." id="avatar" class="avatar">
    </template>

<script>
  var $container = document.createElement('div');
  $container.className += " " + 'resize-container';

  var image_target = this.$.avatar;
  var image_target_parent = image_target.parentNode;

  Polymer.dom(image_target_parent).insertBefore($container, image_target);
</script>

如前所述，您应该使用：

Polymer.dom($container).appendChild(this.$.avatar);

也是您的第二行，它应该是：

$container.className = 'resize-container'

---

否则，您将类设置为

。调整容器大小

，这是不正确的，因为在类名中不使用句点。

@ktiedit类名中的句点是一个输入错误。更正了。谢谢
首先加载图像。一旦它被加载，我会尝试在它周围放置一个容器来处理图像的裁剪/调整大小。这个想法很简单，我应该把elementA包在elementB里面。其中elementB在页面加载时不在DOM中。我不想在元素A后面加上/加上前缀。如果我错了，请纠正我的错误，但我最初的建议是否确实没有这样做？我正在将你的img（这个.$.avatar）放入你创建的div中，它不在页面加载的DOM中，因为它是由你通过编程创建的。。。ie：在您的代码+我的修改后，您应该会看到与之等价的：

$container.className = 'resize-container'