Форум

ksa · #11 (**permalink**) 20.06.2018, 15:42

Сообщение от Retro_1477

Вот мой код

Нужно сначала сформировать строку, а потом менять свойство innerHTML нужного элемента...

ksa · #12 (**permalink**) 20.06.2018, 15:47

Как вариант...

<div id='test'></div>
<script type='text/javascript'>
var str='<table border="1">';
for (var i=0; i<10; i++){
	str+='<tr>';
	for (var j=0; j<10; j++){
		str+='<td>'+i+'.'+j+'</td>';
	}
	str+='</tr>';
}
str+='</table>';
document.getElementById('test').innerHTML=str;
</script>

j0hnik · #13 (**permalink**) 20.06.2018, 15:49

<body>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
	<script>
	var table = document.createElement('table');
	for(var i = 0; i<10; i++) 
		table.innerHTML += '<tr>'+('<td>1</td>'.repeat(10))+'</tr>';
		$('body').append(table);

	</script>
</body>

Retro_1477 · #14 (**permalink**) 20.06.2018, 15:56

Спасибо за помощь

рони · #15 (**permalink**) 20.06.2018, 18:49

j0hnik,

<body>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
	<script>
	var table = document.createElement('table');
		table.innerHTML = ('<tr>'+('<td>1</td>'.repeat(10))+'</tr>').repeat(10);
		$('body').append(table);

	</script>
</body>

рони · #16 (**permalink**) 20.06.2018, 19:12

Retro_1477,

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
td{
  width: 40px;
  height: 40px;
  border-top-left-radius:60px 70px;
  border-bottom-right-radius:60px 70px;
  border: 1px solid #000000;
  text-align: center;
  background-color: rgba(34, 139, 34, 1);
}
</style>
<title>Untitled</title><meta charset="utf-8" />
<script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<script>
var mytable = $('<table/>'), tr;
$.each(Array(100),function(i) {
    i % 10 || (tr = $('<tr/>').appendTo(mytable));
    $('<td/>').appendTo(tr);
});
$('body').append(mytable);
</script>
</body>
</html>

j0hnik · #17 (**permalink**) 20.06.2018, 23:44

рони,
Ок
автор цикл просил прост

Форум

Справочник

Discord чат

Курсы javascript