Javascript 添加

Question

好的，如果其中有任何信息，我想将这些列添加到一起。所以说我有

• 账户

  • 1
  • 2
  • 3
  • .

有 4 个帐户空间，但只有 3 个帐户。我如何创建 java 脚本来添加它。

Answer 1

Live Example

HTML:

<ul>
    <li id="accounts">
        <p> Accounts </p>
        <ul>
            <li> 1 </li>
            <li> 2 </li>
            <li> 3 </li>
            <li> . </li>
        </ul>
    </li>
</ul>

JavaScript:

// Get accounts, ul and set sum to 0
var acc = document.getElementById("accounts"),
    ul = acc.getElementsByTagName("ul")[0],
    sum = 0;

// Filter out text nodes. Returning an array of <LI> elements
var lis = Array.prototype.filter.call(ul.childNodes, function(li) {
    if (li.tagName === "LI") {
        return true;
    }
});

// Loop through LIs adding up the sum
for (var i = 0, ii = lis.length; i < ii; i++) {
    // If it's the last LI element then set the textContent.
    if (i === ii - 1) {
        lis[i].textContent = sum;
    } else {
        sum += +lis[i].textContent;
    }
}

免责声明:需要现代浏览器或 Modernizr。