web前端_DOM操作

dom操作，文档对象模型，操作页面上的任意的一个标签，如何定位标签byid,byclass,当标签没有ID和class时候 需要简介定位，
分析html 目标标签和当前标签的关系，搞清楚寻找路径，用下面的方法进行定位，定位后找到value(只要能看到就能修改),input,select
div标签定位例如：
    <div class="inner" id="inner1">
            <span>input:  </span>
            <input type="text" placeholder="div的id是inner1">
        </div>
    // 定位标签 赋值给e 找到div标签
     var e = document.getElementById(‘inner1‘) 
     innerText与innerHTML区别，
     innerText添加的是字符串
     e.innerText=‘<a href="http://www.baidu.com">跳转百度</a>‘
     innerHTML如果传一个符合html标签规则的字符串那么可以点击跳转
     e.innerHTML=‘<a href="http://www.baidu.com">跳转百度</a>‘

     方法：
     e.children 获取div标签的子元素[span,input]
     e.firstElementChild 获取第一个子元素
     e.lastElementChild的 获取最后一个上相邻元素 
     e.parentElement 拿div外层的标签
     e.nextElementSibling 下一个兄弟标签
     e.previousElementSibling 上一个兄弟标签