2018-07-29DOM

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>

<div>

</div>

<script>

var pTextnode = document.createTextNode("段落");   //创建文本节点      : 段落
var pElement = document.createElement("p");  //创建元素节点            :<p></p>
pElement.appendChild(pTextnode); //添加文本节点pTextnode到元素节点pElement上    : <p>段落</p>

var bElement = document.getElementsByTagName("div")[0];
bElement.appendChild(pElement);

</script>
</body>
</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 字符方法 <!DOCTYPE html> 字符方法 /*charAt方法和charCodeAt方法都接...
    老头子_d0ec阅读 1,514评论 0 0
  • 格式后期处理。 Jeremy Keith在 Fronteers 2010 上的主题演讲 今天我想跟大家谈一谈HTM...
    LordZhou阅读 4,808评论 0 17
  • DOCTYPE 的作用 Doctype作用?严格模式与混杂模式如何区分?它们有何意义? 怪异模式和严格模式(译注:...
    黑兔大侠客阅读 2,563评论 0 1
  • 来时轻轻别时寂 聚时杯杯离时泪 光阴何妨总是匆匆附人情 怎奈三言两语把人骗 你道世态炎凉 转瞬又投身纸醉金迷 何时...
    木子张阅读 1,248评论 0 0
  • 快乐和喜悦等,都是高频率的波动,而悲伤和僵硬则是低频率的波动,呼吸也会变得缓慢,以至于有窒息的感觉。据说不同频率的...
    思余悲嫌_游于艺阅读 1,852评论 0 0