DOM中节点信息
nodeName:表示节点名称
nodeValue:节点的值
nodeType: 节点的类型
类型为1,元素节点
类型为3:文本节点
类型为2,属性节点
innerHTML 向文本节点中写入数据(它会替换原来的内容)
实现追加:
1)获取原来的数据
2)原来的数据+新的内容写入到文本节点
dom访问常见属性二:
删除节点:removeChild 删除某个对象的子节点
添加节点:1)创建元素节点 createElement("元素的名称")
创建的是内容
1)创建文本节点 createTextNode("文本的内容")
创建方法的选择:
有3种基本方法将新的元素节点或者文本节点插入到网页中
放到最后: appendChild()方法
放到某节点之前: inserBefore()方法
替换掉原来的某个节点:replaceChild()方法
Dom节点的删除:
removeChild
使用removeChild函数则可以删除文档中指定节点,
删除的元素不再存在于DOM中:它只是存在于内存中
使用removeChild的格式: 父节点.removeChild(子节点)
removeChild的返回值问题:
removeChild删除节点后会返回被删除节点的引用,这样当我们
以后再想重新将它添加到文档中,或者是对它进行其它操作
就可以使用这个引用了:
例如:var remove=xxx.removeChild(xxxx);
removed就是被删除的节点,可以在后面的代码中使用,
removed.nodeName返回节点名称