JavaScript DOM基础

javascript组成DOM BOM ES
DOM:文档对象模型
获取DOM对象的方法有:
DOM查找元素方法

document.getElementById("")
document.getElementsByTagName("")

设置元素样式

ele.style.styleName=styleValue
box.style.color="#fff"

ele.innerHTML设置标签开始到标签结束之间的HTML,不设置的时候为获取
ele.className 设置ele里的class类名,如果之前存在则覆盖
获取属性ele.getAttribute()
设置属性ele.setAttribute()
删除属性ele.removeAttribute()


var lis=document.getElementsByTagName("li")
    for(var i=0;i<lis.length;i++){
        lis[i].style.color="red"
        lis[0].innerHTML="add"
        lis[i].innerHTML+="pop"
        lis[1].className="active"
        console.log(lis[1].className)
     }
  console.log(lis[0].getAttribute("type"))  
  lis[0].setAttribute("data","6")
  lis[0].removeAttribute("ff")
发布了25 篇原创文章 · 获赞 0 · 访问量 643

猜你喜欢

转载自blog.csdn.net/JamesHKK/article/details/104494192