javascript - 读取UL中的所有内容并显示在警告框中

Question

我已经对列表进行了编码。在列表中它还可以通过javascript添加新列表。当我单击按钮时，如何读取整个 UL 列表并将其显示到 JavaScript 警报消息中。

Answer 1

这将读取 my-list ul 中的所有项目并将其显示在警报中。

var lis = document.querySelectorAll("#my-list li");
var i, l, alertMessage = '';
l = lis.length;


for (i = 0; i < l; i++) {
  alertMessage += i + ". " + lis[i].textContent + "\n";
}

alert(alertMessage);

<ul id="my-list">
  <li>one</li>
  <li>two</li>
  <li>three</li>
</ul>