js基础--Dom操作

1.直接查找元素

创新互联于2013年开始，先为舞阳等服务建站，舞阳等地企业，进行企业商务咨询服务。为舞阳企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

document.getElementById                         #根据ID获取一个标签
document.getElementsByName               #根据name属性获取标签集合
document.getElementsByClassName     #根据class属性获取标签集合
document.getElementsByTagName         #根据标签名获取标签集合

2.间接查找元素

parentElement                  # 父节点标签元素
children                             #  所有子标签
firstElementChild             #  第一个子标签元素
lastElementChild             # 最后一个子标签元素
nextElementtSibling        # 下一个兄弟标签元素
previousElementSibling # 上一个兄弟标签元素

3.操作DOM
3.1 innerText修改标签页面上的内容

d1

3.2className修改标签的class样式

d1

3.3classList修改标签的class样式

d1

4.选择菜单
主界面

弹出框

    
    
    
    
    

        

            

                
选择
姓名
密码
            
        
        

            

                

                
mxm
                
123
            
            

                

                
ytm
                
123
            
            

                

                
wwqe
                
123
            
        
    







    
添加人员
    
用户名：
    
密码：
    
确认密码：
    

5.左侧菜单栏

        



    

        
菜单1
        

            
子菜单
            
子菜单
            
子菜单
        

    
    

        
菜单2
        

            
子菜单
            
子菜单
            
子菜单
        

    
    

        
菜单3
        

            
子菜单
            
子菜单
            
子菜单
        

    
    

        
菜单4
        

            
子菜单
            
子菜单
            
子菜单
        

    

文章标题：js基础--Dom操作
本文来源：http://cdxtjz.cn/article/ggicps.html