如何在div中包裝元素？

Question

我想將圖像元素包裝在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>

我不知道如何將this.$.avatar包裝在$container 。

我正在尋找類似jQuery的解決方案，如下所示：

image_target.wrap('<div class="resize-container"></div>');

Answer 1

正如解釋在這里 ，你應該使用：

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

還有您的第二行，應該是：

$container.className = 'resize-container'

否則，您將類設置為.resize-container ，這是不正確的，因為您沒有在類名稱中使用句點。