在 qooxdoo 中为图像添加 CSS 类答案

【问题标题】：Add CSS Class to Image in qooxdoo在 qooxdoo 中为图像添加 CSS 类
【发布时间】：2014-04-25 15:14:33
【问题描述】：

代码qooxdoo：

var cImage = new qx.ui.container.Composite().set({
        layout: new qx.ui.layout.VBox,
    });

var imgName = "photo.jpg",
    image   =  new qx.ui.basic.Image( imgName )
    ;

cImage.add( image );

我正在尝试向图像添加一个类以使用 :hover 和 :before。

【问题讨论】：

标签： javascript css image class qooxdoo

【解决方案1】：

您必须获取内容元素并在那里添加类：

image.getContentElement().addClass("myCssClass")

【讨论】：

Uncaught TypeError: Object [object Object] has no method 'addClass'

【解决方案2】：

最终解决方案：

var el = image.getContentElement().getDomElement();
if ( el.classList ) el.classList.add( className );
else el.className += ' ' + className;

或者...使用 jQuery：

var el = image.getContentElement().getDomElement();
$(el).addClass( className );

【讨论】：