Лучшее руководство по HTML DOM элементы в 2024 году. В этом руководстве вы можете изучить Создайте новый HTML-элемент - AppendChild (),примеров,Примеры аналитических,Создайте новый HTML-элемент - InsertBefore (),примеров,Удалить существующие элементы HTML,примеров,Примеры аналитических,Заменить HTML элементы,примеров,
Добавление, удаление и замена HTML элементов.
Чтобы добавить новый элемент в HTML DOM, вы должны сначала создать элемент и добавить его к существующим элементам.
Этот код создает новый элемент <p>:
Для добавления текста к элементу <р>, вы должны сначала создать текстовый узел. Этот код создает текстовый узел:
Затем необходимо добавить текстовый узел к элементу <р>:
И, наконец, необходимо добавить этот новый элемент к существующим элементам.
Найти этот код к существующему элементу:
Код для добавления нового элемента к существующим элементам:
На одном примере AppendChild () метод, новый элемент в качестве последнего дочернего элемента родительского элемента для добавления.
Если вы не хотите этого, вы можете использовать метод InsertBefore ():
Для удаления HTML-элементов, вы должны знать, родительский элемент элемента:
<script>
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
</script>
Этот документ содержит элемент HTML <div> в одном из двух дочерних узлов (элемент два <р>) с:
Найти элементы ID = "Div1":
Найти ID = элемент "P1" <p>:
Удалить из родительского элемента подэлементов:
Могу ли я удалить элемент в случае не относится к родительскому элементу? Извините. DOM должны понимать те элементы, которые вы хотите удалить, а также его родительский элемент. |
Вот общее решение: найти вложенные элементы, которые нужно удалить, а затем использовать атрибут ParentNode, чтобы найти его родительский элемент:
Для замены элементов HTML DOM, используйте метод replaceChild ():