mootools注入功能

时间:2009-10-14 11:53:17

标签: javascript jquery mootools

我的范围是这样的:

   new Element('span', {'class': 'file-img', 'html': 'Image'})

我想向它注入图像:

  var my_img = new Element ('img' , {'src' :'uploading/abc.jpg' , 
   'style' : 'width:50px; text-align:left' }).inject(file-img, 'top') ;

它不起作用。

感谢您的帮助。

2 个答案:

答案 0 :(得分:3)

这可行(mt 1.2 +):

new Element('span', {
    'class': 'file-img'
}).inject($(document.body)).adopt(new Element("img", {
    'src' :'uploading/abc.jpg',
    styles: {
        width: 50,
        textAlign: "left"
    }
});

但是如果您尝试使用file-img作为对已创建的span的CSS类的引用,则需要使用document.getElement(“span.file-img”)作为目标容器。并且 - 如果你能提供帮助,请不要在班级名称中使用。使用_代替, - 暗示减法,可能会对CSS选择器产生影响。

另一种方法是将其分配给变量

例如,

var file_img = new Element("span" ... );
... 
someObj.inject(file_img);

答案 1 :(得分:0)

什么是file-img ???它看起来像一个变量但实际上它试图从文件中减去img ...看起来就像错误一样。变量在javascript中的名称中不能包含破折号