获取元素类名与元素样式

88 阅读1分钟

获取元素类名

1.获取语法 1.1元素.className console.log(oDiv.className); 1.2元素.classList console.log(oDiv.classList); 2.设置语法 2.1设置语法 元素.className = '新的类名' ==新增:== oDiv.className = oDiv.className + ' new_box'oDiv.className+=' new_box'; 2.2 oDiv.classList.add('new_box'); 3.删除语法 oDiv.classList.remove('box');

获取元素样式

只能获取和设置行内样式,行内没有设置则无法获取到

获取元素样式
console.log(oBox.style.width);
console.log(oBox.style['background-color'])
console.log(oBox.style.backgroundColor)
设置元素样式

oBox.style.backgroundColor = 'blue';

获取元素样式 (非行内) 注意: 这种方式获取到的 是 只读的属性

只读: 只能获取到, 但是不允许修改 console.log(window.getComputedStyle(oBox).width)