Вопросы по table
 

Здравствуйте
Вот таблица которая берет данные с массива
Все норм кроме двух НО
Она выводит ссылки на фото, а мне нужно чтобы фото сразу отображалось в таблице, нужно чтобы в src ссылка падала и такая же проблема с кнопкой, ссылка падает в название кнопки а не в href.
Помогите дописать код:




var contacts =
[
{
name: 'Ivan',
surname: 'Ivanov',
phone: 123123123
},
{
name: 'Iva545n',
surname: 'Iva5677nov',
phone: 23123
}
];

var tbody = document.querySelector('tbody');

for(var i = 0; i < contacts.length; i++)
{
var tr = document.createElement('tr');
tr.innerHTML =
'<td>' + contacts[i].name + '</td>' +
'<td>' + contacts[i].surname + '</td>' +
'<td>' + contacts[i].phone + '</td>';
tbody.appendChild(tr);
}
table,td
{
border:1px solid gray
}
<table class="table">
<thead>
<tr>
<th scope="col">Имя</th>
<th scope="col">Фамилия</th>
<th scope="col">Телефон</th>
</tr>
</thead>
<tbody></tbody>
</table>

Aidec,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

вам было показано, как это можно сделать проще и быстрее... но раз вам хочется погорячее)))

'<td><img src="'+contacts[i].url+'" alt=""></td>';

Ты гений ������
Спасибо