我正在尝试重新创建我见过的服装测量图表,但是是用纯 JavaScript 编写的。我无法弄清楚如何获取innerhtml 中的数值并将其乘/除* 2.54。此外,我想在数字末尾添加“厘米”或“英寸”以指示测量系统。
https://jsfiddle.net/kud8sj7w/5/
<div id="xs-sizes">
<li class="measurement" style="left: 15%; top: 33%;">
63.5
</li><li class="measurement" style="left: 48%; top: 16%;">
43.5
</li><li class="measurement" style="left: 48%; top: 79%;">
50.5
</li><li class="measurement" style="left: 48%; top: 50%;">
43
</li><li class="measurement" style="left: 83%; top: 62%;">
64.5
</li>
Run Code Online (Sandbox Code Playgroud)
function convert() {
var measurements = document.getElementsByClassName("measurement");
for(var i = 0; i < measurements.length; i++){
measurements[i].innerHTML = valNum * 2.54;
}
}
Run Code Online (Sandbox Code Playgroud)