Насколько понимаю по "максимально просто", то, мягко говоря, ты новичок. Тогда "по-простому" ...
1. Результатом действия функции
| Код |
... |
при одной картинке будет следующим:
| Код |
<a href="#view" OnClick="GetChildProperties([object],0,{name_of_parent})">[object]</a> |
С какой стати данная конструкция должна работать?
2. Практика использования "document.write()" очень плохая. Это пример того, как не надо делать. Этот метод отлично подходит только для "Hello, world!"
Для работы с элементами у программера есть модель DOM. Судя по коду, я не очень понимаю, что есть "GetProperties(img_obj);" и как согласуются "GetProperties(img_obj);" и "function GetProperties(obj,parent)". Возможно, он обрезан, и поэтому помочь сложно. Возможно, надо дать более валидный код без сильного обрезания (и двойной вставки кода), тогда помочь будет проще.
3. Допустим, ты отказался от "document.write()" и взял на вооружение DOM (ну, или хотя бы атрибут html контейнера, в который можно поместить ссылки, например, div). В этом случае в цикле будет создаваться ссылка следующим образом:
| Код |
var link = document.createElement("a"); |
А дальше идет стандартная ошибка всех новичков:
| Код |
link.onclick = function() {GetChildProperties(obj, i, parent); return false;}; |
Однако данная конструкция работать не будет, так как время жизни функции GetProperties, а, следовательно, и переменных obj, i, parent, очень коротко. Следовательно, на момент возникновения события onclick в функцию GetChildProperties будет передаваться неизвестно что (возможно, null).
4. Чтобы обойти данный коллапс, существует понятие замыкания - уникальная возможность javascript. Есть более короткий, но более сложный для понимания вариант:
| Код |
link.onclick = function(par1, par2, par3) {function() {GetChildProperties(par1, par2, par3);}}(obj, i, parent); |
и более длинный, по более понятный:
| Код |
function GetProperties(obj,parent) { |
Надеюсь, объяснил достаточно доступно ...