怎么运用js或jquery，在已经获取父节点的情况下可以多次增加该节点的子节点

<div id="div1">

<p id="p1">这是一个段落。</p>

<p id="p2">这是另一个段落。</p>

</div>

<script>

var para=document.createElement("p")

var node=document.createTextNode("这是一个新段落。")

para.appendChild(node)

var element=document.getElementById("div1")

element.appendChild(para)

</script>

这段代码创建新的<p> 元素：

var para=document.createElement("p")

如需向 <p> 元素添加文本，您必须首先创建文本节点。这段代码创建了一个文本节点：

var node=document.createTextNode("这是一个新段落。")

然后您必须向 <p> 元素追加这个文本节点：

para.appendChild(node)

最后您必须向一个已有的元素追加这个新元素。

这段代码找到一个已有的元素：

var element=document.getElementById("div1")

以下代码在已存在的元素后添加新元素：

element.appendChild(para)

在获取到父节点的情况下 var parentNode =...

多次执行parentNode.appendChild(已经创建好的子节点)即可多次添加子节点

1）一共12个节点类型

2）dom *** 作就是对节点进行 *** 作

3）节点的类型的获取方法notetype

4）ie9以上及chrome safari firefox 会将换行符当成节点

（1）静态获取

（2）返回带有指定ID的元素

var box1=document.getElementById('box')

（1）根据标签名获取

（2）得到的是个数组

var div1=document.getElementsByTagName('div')[0]

（1）根据类名获取元素

（2）动态获取

（3）得到的是一个数组

var box=document.getElementsByClassName('box')[0]

（1）返回符合要求第一个元素

（2）通过css选择器来获取指定标签

（3）静态获取

（1）返回所有匹配元素

（2）根据css选择器来获取所有标签

（3）得到的是一个数组

获取兄弟节点

获取下一个兄弟标签

获取上一个兄弟节点

获取上一个兄弟标签

获取最后一个子节点

获取最后一个子标签

获取所有非标签类型的子节点

获取所有子标签节点

获取父节点

增加节点

var div=document.createElement('div')

在父元素的末尾，插入节点

在添加元素前，需要将元素先创建好

div.appendChild(div)

修改指定子节点

删除指定子节点

在删除前需要先获取到被删除元素

div.removeChild(box)

删除当前节点

需要先获取到被删除的节点

div.remove()

（1）设置ID

div.id='box'

（2）设置class

div.className='box'

（3）设置style

div.style.width='10px'

（4）设置图片路径

img.src='../'

（5）.自定义属性

---