首页 > javascript > insert > Javascript DOM - 如何添加带有文本内容的新div元素

Javascript DOM - 如何添加带有文本内容的新div元素

insert 【insert】
我们想知道如何添加带有文本内容的新div元素。
代码展示 运行结果 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
p {
  border: 2px dashed green;
  padding: 10px;
  margin: 4px;
}

div {
  border: 2px dashed blue;
  padding: 10px;
  margin: 4px;
}
</style>
</head>
<body>
  <p>
  <div>original</div>
  </p>
  <script type='text/javascript'>
    var p = document.createElement('p');
    p.appendChild(document.createElement('div')).appendChild(document.createTextNode('new'));
    document.body.appendChild(p);
    
    </script>
</body>
</html>