Есть вот такой HTML:
<p id = "id1">текст1 <p>текст2</p> </p>
И есть "функция":
function replaceNodeText(id, newText){
node = document.getElementById(id);
while (node.lastChild){
node.removeChild(node.lastChild);
}
node.appendChild(document.createTextNode(newText));
}
//вызываю
replaceNodeText("id1", "Новый текст");
В результате вместо ожидаемого
<p id = "id1">Новый текст</p>
получается
<p id = "id1">Новый текст <p>текст2</p> </p>
.
Дело вроде в неправильном HTML, но в чем именно?