在Javascript中用.style.width除以给定的值。

Question

我需要用Javascript中的.style.width函数给定的值除以100px，我的代码是这样的。

    var x = document.getElementsByClassName("item");
    var i;

    var v = x[0].style.width; 

在变量'v'中，我有一个以像素为单位的值，例如200px的宽度，我需要将这个值除以2得到100px。var v = x[0].style.width / 2;

我到底做错了什么？谢谢你的帮助。

Answer 1

width 将是字符串。在除法前将其转换为数字。本例使用 风格 获取一个dom元素的实际宽度。

let elem = document.getElementById('test');
let compStyles = window.getComputedStyle(elem);
const widthInteger = parseInt(compStyles.width, 10);
const halfWidth = widthInteger / 2;
console.log(halfWidth)

.test {
  height: 200px;
  width: 200px;
  border: 1px solid green;
}

<div class='test' id='test'></div>