JavaScript学习系列5 动态创建标记

 

JavaScript学习系列5 动态创建标记

添加标记主要有2个方法

• 一些传统方法
• 1. document.write：例如<script>document.write("<p> this is inserted.</p>");</script>。 缺点是违背了“行为应该与表现分离”的原则。
  2. innerHTML：一旦使用了innerHTML属性，它的全部内容都将被替换。
• DOM方法
• 1. createElement(nodeName )方法：创建元素节点
  2. appendChild(child )方法：插入到节点树
  3. createTextNode(text )方法：创建文本节点
  4. insertBefore(newElement , targetElement );