JavaScript |API获取元素、修改元素文本及样式

 

修改元素文本内容
1.对象.innerText 属性
2.对象.innerHTML 属性【能解析标签，更推荐】

操作元素样式属性
1.通过style属性操作css
对象.style.样式属性 = 值

Note:一定要写单位，属性多字母要用小驼峰命名法

2.通过类名className属性操作css
属性.className = 'active'
note:可以有双属性,例如 div.className = 'nav box'
直接使用className会覆盖之前的属性

3.通过classList操作类控制css（增加或者减少，不会覆盖）
元素.classList.add('类名') 【类名不加点，并且是字符串】
元素.classList.remove('类名')【类名不加点，并且是字符串】
元素.classList.toggle('类名')【切换类，有就删掉，没有就加上；不影响之前的类名】
优先推荐classList
元素少的时候推荐style
note：选取的时候类名要加点
 const box = document.querySelector('.box')