JS document.createElement()方法，创建HTML元素

document.createElement()方法

JavaScript的document对象中的createElement()方法，可以用于创建一个HTML元素，可以JavaScript的appendChild()方法或insertBefore()方法搭配使用，使创建的元素插入到HTML文档之中。

---

语法

document.createElement( elementName )

提示：参数elementName以JavaScript字符串的形式传递。

---

document.createElement()实例代码，及在线编辑器

下方实例中，使用createElement()方法创建了一个a元素，并通过a.href、a.text、a.target设置链接的属性值，然后使用appendChild()方法将其添加到div之中：

<div id='ce'></div>
<button onclick='setA()'>添加a链接</button>

<script>
  function setA(){
  var a = document.createElement('a');
  a.href = 'https://www.x1y1z1.com/python/python_index.html';
  a.target= '_blank';
  a.text = '笨鸟工具，Python全栈';
  var d = document.getElementById('ce');
  var object = d.appendChild(a)
  }
</script>

试一试