Javascript DOM项目笔记

02-操作元素内容

    oDiv.innerHTML

    oDiv.innerHTML = '<h1></h1>'

    oDiv.innerText

    oDiv.innerText = ''

 

   oIpt.value

   oIpt.value = ''

 

03-操作元素样式

    1. oDiv.style.width = ''

    2. oDiv.className = ''

    3. oDiv.classList.add("nav")

    3. oDiv.classList.remove("类名")

    3. oDiv.classList.toggle("类名")

    排他

     for(var i = 0;i<oBtns.length;i++){

        oBtns[i].onclick = function(){

            for(var j = 0;j<oBtns.length;j++){

                oBtns[j].classList.remove("current")

            }

            this.classList.add("current")

        }

    }

 

04-操作元素属性

     固有属性：src  href   id    type  

     oImg.src = ''   设置固有属性

     oImg.src        获取固有属性

 

     for(var i =0;i<oImgs.length;i++){

         oImgs[i].onclick = function(){ //this.src

             docuement.body.style.background = 'url('+this.src+')'

         }

     }

     自定义属性：

        oDiv.setAttribute("属性名","属性值")    <div xx="yy" id="box"></div>

        oDiv.getAttribute("属性名")    <div xx="yy" id="box"></div>

        oDiv.removeAttribute("属性名")    <div xx="yy" id="box"></div>