JavaScript : Вопрос 1 : 17

Как добавлять элементы на HTML страницу динамически?

 

Уважаемые учащиеся ниже Вы сможете увидеть ответ, перед тем, как ответить, пожалуйста, постарайтесь написать для себя ответ на черновике, и только потом сравните наш ответ с Вашим: 

 

 

 

 

 

Верно ли наше решение?

Ответ:

Создание новых элементов осуществляется с помощью document.createElement(tagName);

После создания элемента его нужно присоединить к родительскому элементу с помощью .appendChild(node);

Пример:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<title>Title</title> 
<script type="text/javascript"> 
    function addNode() { 
        var newP = document.createElement("p"); 
        var textNode = document.createTextNode(" I'm a new text node"); 
        newP.appendChild(textNode); 
        document.getElementById("target").appendChild(newP); 
    } 
</script> 
</head> 
    <body onload="addNode();"> 
        <p id="target">sart here<p> 
    </body> 
</html> 

1 балл


© Copyright © 2017 - 2019 Все права защищены. Бесплатное онлайн образование.