js 添加css样式的几种方式及className

 dom.parentNode  获取父级节点

dom.parentNode.childNodes  获取所有子节点

 添加style样式

/* 1.直接设置style属性 */
element.style.height = '100px';
 
/* 2.直接设置属性 */
element.setAttribute('height', '100px');
 
/* 3.使用setAttribute设置style属性 */
element.setAttribute('style', 'height: 100px !important');
 
/* 4.使用setProperty设置属性，通过第三个参数设置important */
element.style.setProperty('height', '300px', 'important');
 
/* 5.设置cssText */
element.style.cssText += 'height: 100px !important';

添加className

<div class="demo">123</div>
let demo = document.querySelector('.demo')
demo.className = 'demo1'

.demo1 {
    border: 1px solid red;
  }