在聚合物1.0中将div元素包裹在div中

我想将聚合物1.0中的div元素包裹在image元素中。在聚合物1.0中将div元素包裹在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>');

任何帮助，将不胜感激。

来源

2015-09-04 Thiru

如这里解释：https://www.polymer-project.org/1.0/docs/devguide/local-dom.html

Polymer.dom（$容器）.appendChild（此$化身。）;

而且你的第二行应该是$ container.className =“调整容器”

否则你设置类“.resize容器”，这是不正确的，因为你不使用课时名。

来源

2015-09-04 07:44:59 ktiedt

@ktiedit className中的句号是一个错字。更正它。谢谢
图像先加载。一旦它被加载，我正在尝试在其周围放置一个容器来处理图像的裁剪/调整大小。这个想法很简单，我应该将elementA包装在elementB中。其中elementB在页面加载时不在DOM中。我不想追加/前置元素A. – Thiru

纠正我，如果我错了，但做我建议最初不是那么做吗？我将你的img（this。$。avatar）放到你创建的div中，这不是在页面加载时的DOM，因为它是由你编程创建的... ie：在你的代码+我的修改后，你应该看到相当于： '' – ktiedt

在聚合物1.0中将div元素包裹在div中

回答

相关问题