Я создаю плагин для браузера (расширение сафари), который автоматически изменяет элемент (посредством "preend"). Это можно сделать, вызвав preend как:
$(document).ready(function(){
$("a").prepend("<img ...>").
})
Но как я могу изменить элементы, созданные динамически с помощью javascript?
Вы можете создать 1-й объект:
$(document).ready(function(){
var img = $("<img ...>");
$("a").prepend(img);
// do something with img
});
Вы можете прослушать изменение DOM:
$("body").on("DOMSubtreeModified", function(){
alert('DOM changed');
});
И чем выяснить, что изменилось. Но из вашего вопроса неясно, что вы хотели бы сделать.
Вы можете сохранить созданный объект в глобальной переменной, чтобы он был доступен на всей вашей веб-странице... Так же:
var img;
$(document).ready(function(){
img = $("<img ...>");
$("a").prepend(img).
});
Затем позже в какой-то другой функции или что-то еще...
$(img).click(function() {
// blah
});
Вы можете создать триггер,
$(document).ready(function(){
$("a").prepend("<img id="imgId"...>").
$(document).trigger('asd');
})
$(document).on('asd', function() {
});
Или вы можете создать список событий
$(document).ready(function(){
$("a").prepend("<img id="imgId"...>").
})
$(document).on('click','imgId',function(){
});
dynamically
вы можете объяснить, пожалуйста, об этом.