如何用js在页面中添加元素？

想要在页面动态添加元素，首先要确定在哪个元素后面添加元素，然后利用js的appendChild方法在该元素后面追加元素。

1.获取父节点元素

let body=document.getElementsByTagName('body')[0]。

2.然后动态创建a标签

let a=document.createElement('a')。

3.把创建好的a标签追加到body下面

body.appendChild(a)。

4.在a标签里面添加文本内容

a.innerHTML='这是一个链接'。

5.给a标签添加一个链接

a.href='https://www.baidu.com/'。

js一些原生方法

element.appendChild()方法向节点添加最后一个子节点。

element.appendChild(要添加进去的节点)

element.innerHTML设置或返回元素的内容。

element.innerHTML=“新文本内容”