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

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

1.获取父节点元素varbody=document.getElementsByTagName('body')[0]。

2.然后动态创建a标签vara=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.innerHTML设置或返回元素的内容。

document.getElementsByTagName()返回带有指定标签名的对象集合。

document.getElementById()返回对拥有指定id的第一个对象的引用。

document.createElement()通过指定名称创建一个元素。

js可以向网页中写入html内容，方法是调用write方法向document的节点中写入html元素

以下展示两个实例

1.在网页上写入一个标题为hello的元素

效果如图：

2.在网页上写入一个九九乘法表

在js中可以使用上面的 <h1>hello </h1>这样的开始标签和闭合标签在一起的标签写法，也可以将开始标签和闭合标签分开来写，例如本例。

本例的逻辑是用table标签建立一个表，然后用for循环分别计算九九乘法的结果，在写入结果的前后用tr标签形成一行，计算结果的时候用td标签形成一列

效果图：

通过chrome浏览器右键检查，可以看到的确写入了一个九九乘法表的table到网页中

注意：

在进行字符串拼接的时候如果没有处理好，会出现 SyntaxError: missing ) after argument list 的错误，需要谨慎对待，具体问题具体对待，解决方法可以参考下面的资料或者自行google

1. SyntaxError: missing ) after argument list

2. js中出现missing ) after argument list

3. JavaScript: SyntaxError: missing ) after argument list [closed]

---