Question

正在从事计算器工作，我需要获取分配给每个li元素的浮点值。当我尝试获取值时，它返回int。我已经尝试过parseFloat，但是没有用。我相信这很容易解决，并且可以肯定我错过了一些东西。

<li id='1' value='1.0'><a href='#'>No Activity</a></li>
                    <li id='2' value='1.4'><a href='#'>Low Activity</a></li>
                    <li id='3' value='1.8'><a href='#'>Middle Activity</a></li>
                    <li id='4' value='2.2'><a href='#'>High Activity</a></li>

Answer 1

使用.getAttribute('value')代替.value来获取值

document.querySelectorAll('li').forEach(e => console.log(e.getAttribute('value')))

<li id='1' value='1.0'><a href='#'>No Activity</a></li>
<li id='2' value='1.4'><a href='#'>Low Activity</a></li>
<li id='3' value='1.8'><a href='#'>Middle Activity</a></li>
<li id='4' value='2.2'><a href='#'>High Activity</a></li>

Answer 2

<li id='1' value='1.0'><a href='#'>No Activity</a></li>
<li id='2' value='1.4'><a href='#'>Low Activity</a></li>
<li id='3' value='1.8'><a href='#'>Middle Activity</a></li>
<li id='4' value='2.2'><a href='#'>High Activity</a></li>

<script>
for(var i=0; i<4; i++) {
    var str = document.getElementsByTagName("li")[i].getAttribute("value");
    var flt = parseFloat(str);
    console.log(flt);
}
</script>

如何返回分配给<li>元素的浮点值

2 个答案: