создайте промежуток и добавьте к нему изображение

Question

Я новичок в MooTools. Я хочу создать новый элемент span и вставить в него изображение.

Я написал следующий код, но он не работает:

var newElementVar = new Element('span', {
  'id': 'id_namekhan',
  'text': 'I am a new div'
}); 
var my_img = new Element ('img' , {
  'src' :'uploading/'+json.get('fpath')+'' , 
  'style' : 'width:50px; text-align:left' 
}).inject(id_namekhan, 'top');

Даже текст «Я - новый div» не отображается.

Спасибо

Answer 1

Ваша проблема в том, что вы пытаетесь вставить изображение в диапазон, используя его идентификатор, но диапазон еще не был добавлен на страницу (дерево DOM). Попробуйте это:

var my_span = new Element('span', {'id': 'id_namekhan','text': 'I am a new div'});
var my_img = new Element ('img' , {'src' :'uploading/'+json.get('fpath')+'' , 'style' : 'width:50px; text-align:left' }).inject(my_span, 'top');
my_span.inject($('element')); // replace element with the ID of the element you wish to inject the span inside