微信标志

JAVAscript练习

东山群-电脑网络技术
1、创建元素 createElement & appendChild

例1:创建li

例2:创建自定义内容的li

2、插入元素 createElement & insertBefore

3、删除元素 removeChild

记录

创建元素:var 子节点=document.createElement('li') 创建子节点变量 等于需要创建什么元素 那么参数就是什么。在创建完成之后系统并不知道把创建出的元素放到哪个父级下,所以需要指派:父级.appendChild(子节点) 这一步是把li作为子节点添加给父级的末尾。appendChild就是给元素添加父级的。

插入元素:父级.insertBefore(子节点,插入在谁之前(原有节点)) 需要先判断ul中是否包含第0个li,如果包含才使用insertBefore,如果不包括则需要使用appendChild。 例如可以在li的第0个之前插入,那么刚插入的永远都是第0个,也就是在父级的开始插入的。

删除元素:父级.removeChild(this.parentNode) 在父级下删除this的父级 也就是删除首父级的子级。