javascript - 如何在隐藏的 上方添加

Question

我试图在隐藏的 div ValidationSummary1 之前添加一个新的 div

var existingNode = document.getElementById('ValidationSummary1')
var addin = document.createElement('div')
addin.innerHTML = "Hello World!"
existingNode.insertBefore(addin,existingNode[0])

<div>
    <div id="ValidationSummary1" class="Error" style="color:Red;display:none;">
    </div>
</div>

任何帮助将不胜感激。

Answer 1

您可以将属性 id 设置为可以设置 textContent 属性的元素。您还必须定位新插入节点的 parentNode:

var existingNode = document.getElementById('ValidationSummary1');
var addin = document.createElement('div');
addin.id = 'newDiv';
existingNode.parentNode.insertBefore(addin,existingNode);
document.getElementById('newDiv').textContent = 'hello world';

<div>
    <div id="ValidationSummary1" class="Error" style="color:Red;display:none;">
    </div>
</div>