@greenEnTiRe

Не могу понять почему не работает код?

здравствуйте. не могли бы вы помочь мне с кодом. в коде ниже требуется создать создать кнопку которая создают параграфы. после того, как тегов будет больше 10, по нажатию той же кнопки все теги должны удаляться. буду благодарен, если сможете помочь
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>События клавиатуры</title>
    <style type="text/css">
    	
    </style>
    <script>
    	window.onload = function(){
    		document.getElementById("btn").onclick = function(){
    			var body = document.getElementById("body");
    			var p = document.createElement("p");
    			var allP = document.getElementsByTagName("p");
    			if(allP.length > 10) {
    				for(var i = 0; i < allP.length; i++){
    					body.removeChild(allP[i]);
    					
    				}
    				return false;
    			}
    			p.innerHTML = "PARAGRAPH";
    			body.appendChild(p);
    		}
    	}
    </script>

</head>
<body id="body">
  <button id="btn">Create Element</button>
</body>
</html>
  • Вопрос задан
  • 100 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Меняете
document.getElementById("body")
на
document.querySelector("body")
(и убираете id у body, обращаться к body по id - это безумие, этот элемент существует в единственном экземпляре)

и
document.getElementsByTagName("p")
на
document.querySelectorAll("p")
(ну или с конца перебирайте содержимое allP)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы