python前端DOM

DOM:
    1.找到标签
        a.直接寻找
            获取单个元素        document.getElementById('i1')
            通过标签名寻找（列表）doucment.getElementsByTagName('div')
                                doucment.getElementsByClassName('c1')
        b.间接寻找
            tag=doucment.getElementById('i1')
            
            parentElement        #父节点标签元素
            children             #所有子标签
            firstElementChild     #第一个子标签元素
            lastElementChild      #最后一个子标签元素
            nextElementtSibling #下一个兄弟标签元素
            previousElementSibling#上一个兄弟标签元素
    
    2.操作标签
        a.innerText
            获取标签中的文本内容
                标签.innerText
            对标签中的文本重新赋值（多个标签需要通过循环修改）
                标签.innerText=""
        b.innerHTML
            如果采用该方式重新对标签赋值，如果内容带有标签格式，则将标签格式自动转为HTML格式，而innerText则会将所有内容直接转为字符串
        b.className
            tag.className                   #整体操作
            tag.classList.add('样式名')        #添加指定样式
            tag.classList.remove('样式名')    #删除指定样式
        c.checkbox
            获取值
            checkbox对象.checked
            设置值
            checkbox对象.checked=true（对选择框的操作）
            
    
    3.创建标签
        document.createElement("div");  /*需要配合添加节点使用*/
    
    4.添加节点
        1.追加一个子节点
            d2.appendChild(新标签)
        2.把增加的节点放到某个节点的前边
            父节点.    insertBefore(想要添加在该节点前的节点,新节点)
    
    5.删除节点
    
    6.替换节点
    
    7.获取/设置属性节点
        标签.getAttribute("属性名/类名")
        标签.setAttribute("属性名/类名","新属性")