В этой статье описывается, как JS реализует добавление, замену и удаление элементов узла. Поделитесь этим для вашей ссылки, следующим образом:
Я всегда был запутался в операциях узлов, особенно после того, как вставил его в определенный узел. Там нет такого метода. У меня есть проблема с методом, который я писал ранее. Должен ли я вставить новый узел в старый узел? Или я должен использовать метод INSERTBEFOR для его реализации.
Вот метод:
<! Doctype html public "-// w3c // dtd html 4.01 transitional // en" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <!-Создана TopsTyle Pro Version-vervie Вставьте </title> </head> <body onload = "insertmessageefter ()"> <p id = "p1"> hello world </p> </body> </html> <script> function removeMessage () {var op = document.getElementByIdx_x ("P1"); //document.body.removechild(op); //op.parentnode Возвращает родительский узел класса op.parentnode.removechild (op); } function replacemessage () {var newop = document.createelement_x ("p"); newop.appendchild (document.createtextnode ("hello java")); //alert(newop.innerhtml); var oldop = document.getElementbyIdx_x ("p1"); //document.body.removechild(op); //op.parentnode Возвращает родительский узел класса oldop.parentnode.replacechild (newop, oldop); //document.body.replacechild(newop, soldop)} функция insertmessagefore () {var newop = document.createelement_x ("p"); newop.appendchild (document.createtextnode ("hello java")); var oldop = document.getElementbyIdx_x ("p1"); oldop.parentnode.insertbefore (Newop, Oldop); } function insertMessAgeafter () {var newop = document.createElement_x ("p"); newop.appendchild (document.createtextnode ("hello java")); var oldop = document.getElementbyIdx_x ("p1"); insertafter (Newop, Oldop); } функция insertBefore (newNode, oldNode) {oldnode.parentnode.insertbefore (newnode, oldnode); } функция inserTafter (newNode, oldNode) {// Судья, есть ли теги одной и той же категории после OldNode var nextNode = oldNode.nextIbling; if (nextnode) {// Если нет, это null, это ложно, если есть, это верно oldnode.parentnode.insertbefore (newnode, nextnode); } else {oldnode.parentnode.appendchild (newnode); }} </script>For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript Operation DOM Skills", "Summary of JavaScript Replacement Operation Techniques", "Summary of JavaScript Value Transfer Operation Techniques", "Summary of JavaScript Encoding Operation Techniques", "Summary of JSON Operation Techniques in JavaScript", "JavaS Summary of script switching effects and techniques", «Сводка навыков алгоритма поиска JavaScript», «Сводка эффектов и методов анимации JavaScript», «Сводка ошибок JavaScript и методы отладки», «Сводка структуры данных JavaScript и методы алгоритма», «Суммарная математика Javascript Traversal Algrithms and TechniqueSemes», и «Матемерация Javascript Traversal Algrithms и техники», и «Подводные математические математические математические математические математические математические».
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.