Показать сообщение отдельно
  #3 (permalink)  
Старый 15.02.2017, 13:17
Новичок на форуме
Отправить личное сообщение для Jazer Посмотреть профиль Найти все сообщения от Jazer
 
Регистрация: 15.02.2017
Сообщений: 2

Спасибо, сделал без цикла.
Только без цикла это не дело
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>
<body>
	<p><button onclick='createTable()'>Добавить таблицу</button>
	<button onclick='removeTable()'>Удалить таблицу</button> <p>
	
	<script>
		
		
		function createTable(){
			tableTeg = document.createElement('table');
			tableTeg.setAttribute('border', 1);
			tableTeg.setAttribute('width', 300);
			document.body.appendChild(tableTeg);
			
			tableTeg.appendChild(newTr=document.createElement('tr'));
					
						newTr.appendChild(newTd=document.createElement('td'));
						newTd.innerText = '1.1';
						newTd.setAttribute('align','center');
						newTd.setAttribute('rowspan','2');
						
						newTr.appendChild(newTd=document.createElement('td'));
						newTd.innerText = '1.2';
						newTd.setAttribute('align','center');
						
						newTr.appendChild(newTd=document.createElement('td'));
						newTd.innerText = '2.3';
						newTd.setAttribute('align','center');
				
				tableTeg.appendChild(newTr=document.createElement('tr'));
						
						newTr.appendChild(newTd=document.createElement('td'));
						newTd.innerText = '2.2';
						newTd.setAttribute('align','center');
						newTd.setAttribute('rowspan','2');
						
						newTr.appendChild(newTd=document.createElement('td'));
						newTd.innerText = '2.3';
						newTd.setAttribute('align','center');
					
				tableTeg.appendChild(newTr=document.createElement('tr'));
					
						newTr.appendChild(newTd=document.createElement('td'));
						newTd.innerText = '2.1';
						newTd.setAttribute('align','center');
						
						newTr.appendChild(newTd=document.createElement('td'));
						newTd.innerText = '3.3';
						newTd.setAttribute('align','center');
						newTd.setAttribute('rowspan','2');
						
				tableTeg.appendChild(newTr=document.createElement('tr'));
						
						newTr.appendChild(newTd=document.createElement('td'));
						newTd.innerText = '3.1';
						newTd.setAttribute('align','center');
						
						newTr.appendChild(newTd=document.createElement('td'));
						newTd.innerText = '3.2';
						newTd.setAttribute('align','center');
			}
			
		
		
		
		function removeTable(){
		if (document.body.lastChild.tagName == 'TABLE'){
		document.body.removeChild(document.body.lastChild);
		} else  alert('Таблиц нет. Удалять нечего.');
	}

	
		
	</script>

</body>

</html>
Ответить с цитированием