在聚合物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中

回答

相關問題