javascript - 原生JS向body添加一个元素或字符串问题请教！

Question

请熟悉JS的朋友指点下，我想在body中加入一个p或者字符串也行，例如：<p id=‘top’>...</p>

用原生JS如何将这个字符串添加到body元素中呢？下谢谢了 懂的麻烦示例下，我想实现的效果是封装为函数，一旦被调用就自动在body中写入指点的字符串；

Answer 1

//新建一个p元素节点
var p=document.createElement("p");
p.innerText = "helloworld";
//把p元素节点添加到body元素节点中成为其子节点，但是放在body的现有子节点的最后
document.body.appendChild(p);
//插入到最前面
document.body.insertBefore(p, document.body.firstElementChild);

望采纳，谢谢

Answer 2

var a = document.createElement("p");
document.body.append(a);

样式内容自己设置

Answer 3

function createp(element){
    var elementType= document.createElement(element);
    elementType.id = 'top';
    document.body.appendChild(elementType);
}
createp("p")

大概就是这样，需要更多功能，需要灵活改变

Answer 4

推荐使用 .createElement()

在 stackoverflow 中有.createElement() 和 .innerHTML() 的对比。

Answer 5

document.body.innerHTML="<p id=‘top’>...</p>";