javascript实现动态添加、移除元素或属性的方法分析-kb88凯时官网登录

来自:网络
时间:2019-02-13
阅读:
免费资源网 - https://freexyz.cn/

本文实例讲述了javascript实现动态添加、移除元素或属性的方法。分享给大家供大家参考,具体如下:

javascript 动态添加、移除元素

appendchild(newnode)

向节点的子节点列表的末尾添加新的子节点。

insertbefore(newnode, existingnode)

在已有子节点之前插入新的子节点。

removechild(node)

删除元素的某个指定的子节点,并以 node 对象返回被删除的节点,如果节点不存在则返回 null。

innerhtml

属性设置或返回表格行的开始和结束标签之间的 html。

测试用例

  
    
    
  
  
    
middle child

hello 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

免费资源网 - https://freexyz.cn/
返回顶部
顶部
网站地图