js div 后面添加元素

// 获取父元素
var parentDiv = document.getElementById('parentDiv');

// 创建新的元素
var newElement = document.createElement('div');
newElement.innerHTML = '这是新添加的元素';

// 在父元素的最后一个子元素之后插入新元素
if (parentDiv.lastChild) {
    parentDiv.insertBefore(newElement, parentDiv.lastChild.nextSibling);
} else {
    // 如果父元素没有子元素，则直接添加
    parentDiv.appendChild(newElement);
}

// 获取父元素
var parentDiv = document.getElementById('parentDiv');

// 创建新的元素
var newElement = document.createElement('div');
newElement.innerHTML = '这是新添加的元素';

// 将新元素添加到父元素的末尾
parentDiv.appendChild(newElement);

// 获取父元素
var parentDiv = document.getElementById('parentDiv');

// 创建新的元素
var newElement = document.createElement('div');
newElement.innerHTML = '这是新添加的元素';

// 在父元素的后面插入新元素
parentDiv.insertAdjacentElement('afterend', newElement);

// 获取父元素
var parentDiv = document.getElementById('parentDiv');

// 在父元素的后面插入新的HTML内容
parentDiv.insertAdjacentHTML('afterend', '<div>这是新添加的元素</div>');