获取元素类名

143 阅读1分钟

获取元素类名

  • 1获取元素类名要先获取对应的元素 2再从获取到的元素中获取元素类名

获取元素类名 语法

  • 获取语法 1元素.className

    2元素.classList

  • 设置语法 1元素.className = '新的类名'

    2元素.classList.add('新的类名')

  • 删除语法 元素.classList.remove('要删除的类名')

   //要先获取到一个标签元素
   //<div class='item' 'box'>我是一个拥有两个类名的div</div>
  var oDiv = document.querySelector('div')
   //获取语法

  //1元素.className
   console.log( oDiv.className ) 

  //2元素.classList
  console.log(oDiv.classList)
  oDiv.classList.add('new_box')

 // 设置语法

 //元素.classList.add('要新增的类名')
   oDiv.classList.add('nwe_box')
   console.log(oDiv.classList)

 //删除语法

//元素.classList.remove('要删除的类名')
   oDiv.classList.remove('box')
   console.log(oDiv.classList)