读取UL中的所有内容并显示在警报框中

Question

我已经完成了清单上的编码。在列表中，它还可以通过javascript添加新列表。单击按钮时，如何阅读整个UL列表并将其显示为javascript警报消息。

Answer 1

这将读取我的列表 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>