javascript - mootools注入(inject)函数

标签 javascript jquery mootools

我有这样的跨度:

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

我想向其中注入(inject)图像:

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

它不起作用。

感谢您的帮助。

最佳答案

这可以工作(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);

关于javascript - mootools注入(inject)函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1565794/

相关文章:

javascript - 通过 Web Audio API 在 WAV 录音中卡顿/"robotic"音频

javascript - 在另一个对象内创建动态对象

javascript - jwplayer 全屏按钮

ajax - 没有表单标签的 ASP.NET MVC3 客户端验证

javascript - 选择文本,然后使用 Javascript 计算它与顶部的距离?

javascript - 按月份和年份对数组进行排序

php - 使用用户名恢复用户信息 恢复 AJAX/PHP 中的输入

javascript - 如何在已安装的 ReactJS 组件中自动传递更新的 Prop

javascript - easyXDM 与 MooTools 的冲突

jquery - Mootools 拖动 slider 帮助