1.直接查找元素

10年的双清网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同，自动调整双清建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“双清网站设计”,“双清网站推广”以来，每个客户项目都认真落实执行。

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
        

            
子菜单
            
子菜单
            
子菜单
        

    

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享名称：js基础--Dom操作-创新互联
文章源于：http://ybzwz.com/article/dsggij.html