javascript - 元素属性无故返回 "undefined"

Question

我有这段代码:

function RemoveFromCart(id)
{

    var items = document.getElementById("overview").children;

    for(var i = 0; i < items.length;i++)
    {
        console.log(items[i]);
        console.log(items[i].value);
    }
}

第一个日志返回实际元素:

<div class="overview-item" value="0" data-total="5">1X item name - 5€<button onclick="RemoveFromCart(0)"></button></div>

但是第二个日志返回

undefined

为什么要这样做？为什么它不返回元素“value”属性的值？
我该如何修复它？

Answer 1

<div>元素节点没有“值”属性。这仅适用于<input>和其他表单控件。如果您在标签中放置“value”属性，则必须使用 .getAttribute() 来获取该值。

根据您想要执行的操作，您可以检查子元素并检查“nodeType”属性，以便您知道访问什么/如何访问内容。