Вопросы по 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>
|