<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table id="table">
<tr>
<td><b>Имя</b></td>
<td><b>Фамилия</b></td>
<td><b>Возраст</b></td>
</tr>
<tr>
<td>Ирина</td>
<td>Близнева</td>
<td>20</td>
</tr>
<tr>
<td>Анастия</td>
<td>Шматова</td>
<td>23</td>
</tr>
</table>
<script src="движение.js"></script>
</body>
</html>let a = {
name:['Анна', 'Ксения', 'Алиса'],
famile:['Ивашкина','Малюк','Поветкина'],
age:['23','22','20']
}
function element() {
let tr = document.createElement('tr');
let td1 = document.createElement('td');
let td2 = document.createElement('td');
let td3 = document.createElement('td');
for (let j = 0; j <= a.name.length; j++) {
td1.appendChild(document.getElementsByTagName(a.name[j]));
}
for (let f = 0; f <= a.famile.length; f++) {
td2.appendChild(document.getElementsByTagName(a.famile[f]));
}
for (let s = 0; s <= a.age.length; s++) {
td3.appendChild(document.getElementsByTagName(a.age[s]));
}
for (let i = 0; i <= 9; i++){
document.getElementsByTagName('table')[0].appendChild(tr);
}
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
}
element();
let a = {
name:['Анна', 'Ксения', 'Алиса'],
famile:['Ивашкина','Малюк','Поветкина'],
age:['23','22','20']
}
function element(x) {
for(let i=0; i<x["name"].length;i++){
let tr = document.createElement('tr');
let td1 = document.createElement('td');
let td2 = document.createElement('td');
let td3 = document.createElement('td');
let tn1 = document.createTextNode(x["name"][i]);
let tn2 = document.createTextNode(x["famile"][i]);
let tn3 = document.createTextNode(x["age"][i]);
td1.append(tn1);
td2.append(tn2);
td3.append(tn3);
tr.append(td1);
tr.append(td2);
tr.append(td3);
document.getElementById('table').append(tr);
}
}
element(a);
Простой
Средний