js给元素添加样式
JS给元素添加样式主要有以下几种方法：
1. 通过“document.getElementById("box");”方式，然后使用style.xxx属性进行样式添加。例如，var head= document.getElementById("box"); head.style.width = "70px"; head.style.height = "70px"; head.style.display = "#ccc";。
2. 通过“head.style.cssText="..."”方法，可以一次性添加多个样式。例如，var head= document.getElementById("box"); head.style.cssText="width:70px;height:70px;display:#ccc";。
3. 使用setProperty方法，例如，element.style.setProperty('height', '300px', 'important'); 如果要设置!important，推荐用这种方法设置第三个参数。
4. 使用className属性，通过给元素的className属性直接赋值或添加新的类名来改变元素的样式。例如，function addClass(elements, value) { if (!elements.className) { elements.className = value; } else { newClass = elements.className; newClass += " "; newClass += value; elements.className = newClass; } }。
