时间戳

首页 > 解决方案 > JS / 插入创建的 dom 标签

javascript - JS / 插入创建的 dom 标签

问题描述

我正在尝试将由 js 创建的 div 元素插入到 dom 中，似乎无法让它工作......我错过了什么？

html

<div id="someID"></div>

js

    function addElementals(element, parent)
{
    someId.insertBefore(element.parent);
    }
    let newElemental = document.createElement('div');
    newElemental.setAttribute('id', 'user_name');
    newElemental.innerHTML = "i'm from jupiter";

    let referencePoint = document.getElementById('someId');
    addElementals(newElemental, referencePoint);

有什么我想念的吗？

标签： javascriptdommakefileelement

解决方案

您需要将 AddElementals 函数和 someId 更改为以下内容：

function addElementals(element, parent)
{
//to add at end of parent
parent.appendChild(element);
//to add at beginning of parent
//parent.insertBefore(element,parent.childNodes[0]);
}

let newElemental = document.createElement('div');
newElemental.setAttribute('id', 'user_name');
newElemental.innerHTML = "i'm from jupiter";

//and someID must be exactly same as your html ID. As @Jaromanda X mentioned someID!=someId
let referencePoint = document.getElementById('someID');
addElementals(newElemental, referencePoint);

推荐阅读