如何使用Vaadin / GWT访问Image Dom元素？ [英] How to access an Image Dom Element with Vaadin/GWT?

问题描述

我有一个HTML Dom看起来像这样：

 < div class =mydivid =mydivId> ; 
< img src =../ xyz.pngclass =gwt-Image imgWrapperdraggable =false> 
< / div> 
  

我正在尝试更改img Source，所以我做了以下访问图像，没有成功：

  Image imageElement =（Image）Document.get（）
 .getElementById（mydivId）
 .getElementsByTagName（img）。getItem（0）; 
  

如何获取< img> dom元素作为Image然后更改其来源？

解决方案

获取 ImageElement 与

  ImageElement image =（ImageElement）DOM.getElementById（mydivId）。getFirstChildElement（）; 
  

或者创建一个图像现在的img元素就像

 图像img = Image.wrap（DOM.getElementById（mydivId）。getFirstChildElement（））; 
  

如Saeed Zarinfam所提到的，如果您为图像本身分配唯一的ID，则会变得更加容易。 p>

I have an HTML Dom looking like this:

<div class="mydiv" id="mydivId">
  <img src="../xyz.png" class="gwt-Image imgWrapper" draggable="false">
</div>

I'm trying to change the img Source, so i made the following to access the image without success:

Image imageElement = (Image) Document.get()
                    .getElementById("mydivId")
                    .getElementsByTagName("img").getItem(0);

How can i get the <img> dom element as Image then change its Source?

解决方案

Get the ImageElement with

ImageElement image = (ImageElement) DOM.getElementById("mydivId").getFirstChildElement();

or create an Image widget by wrapping the existing img element like in

Image img = Image.wrap(DOM.getElementById("mydivId").getFirstChildElement());

As mentioned by Saeed Zarinfam it gets easier if you assign an unique id to the image itself.

这篇关于如何使用Vaadin / GWT访问Image Dom元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！