本文实例讲述了javascript实现动态添加、移除元素或属性的方法。分享给大家供大家参考,具体如下:
javascript 动态添加、移除元素
appendchild(newnode)
向节点的子节点列表的末尾添加新的子节点。
insertbefore(newnode, existingnode)
在已有子节点之前插入新的子节点。
removechild(node)
删除元素的某个指定的子节点,并以 node 对象返回被删除的节点,如果节点不存在则返回 null。
innerhtml
属性设置或返回表格行的开始和结束标签之间的 html。
测试用例
middle childhello world
javascript 动态添加、移除属性
setattribute(attributename, attributevalue)
添加指定的属性,并为其赋指定的值。将属性设置为undefined等同于删除。
removeattribute(attributename)
删除指定的属性。
getattributenode(attributename)
以 attr 对象返回指定属性名的属性值。
removeattributenode(attributenode)
删除 attr 形式指定的属性,同时返回被删除的attr 形式的属性。
测试用例
0 hello world
1 hello world : font-size、font-style等,这些属性脱离style单独设置是无效的
2 hello world setattribute
3 hello world setattribute
4 hello world removeattribute
5 hello world getattributenode & removeattributenode