原生js常用操作dom总结

美好的周末居然没有出去溜达～～～ 那就对上半年使用原生js开发项目时常用的操作DOM方法做个总结、记录

DOM，我们可以理解为JavaScript访问、操作（新增元素、删除元素、修改元素、）HTML的一个接口。

常用的DOM方法有：

1、getElementById(id)，参数是string，获取带有制定id的元素；

2、appendChild(node)，参数是对象，插入新的子节点；

3、removeChild(node)，参数是对象，移除子节点；

 

常用DOM属性有：

1、innerHTML，元素的文本值；

2、parentNode，元素的父节点；

3、childNodes，元素的子节点集合（空字符、换行字符、文本）；

 

下面代码里罗列了一些自己用的较多的方法。

    
    
    
    
    


    

        

            这是content
            这是span
            
这是div02
        
        
这是content2
11
    

获取第一个子元素

firstElementChild

 

获取最后一个子元素（Element）

lastElementChild