1

我在 HTML 中的 ul 元素中有一个值列表并使用 javascript，我想在 h1 中输出该列表中的随机值。我已经有一个脚本，但它输入的是 LI 的 ID 而不是值。

这是我的 HTML：

<div id="quotes-list">
<ul>
    <li id="One">One</li>
    <li id="Two">Two</li>
    <li id="Three">Three</li>
    <li id="Four">Four</li>
    <li id="Five">Five</li>
</ul>
</div>​

<h1 id="quoted"></h1>

这是我的javascript：

var lis = document.getElementById("quotes-list").getElementsByTagName("li");
var countThis = Math.floor(Math.random() * lis.length);

var carToon = (lis[countThis].id);

var textElement = document.getElementById("quoted");
textElement.innerHTML = carToon;

正如我所说，这是有效的，但它正在输出 LI 的 id。

我试过玩弄

var carToon = (lis[countThis].id);

把 lis[countThis]. 文本，但输出为“ UNDEFINED ”

可以在我的代码上替换什么，以便我可以在 H1 中从我的 ul 列表中输出一个随机值？

4

1 回答 1

0

更改此行

var carToon = (lis[countThis].id);

到

var carToon = (lis[countThis].innerHTML);
于 2012-12-04T08:41:43.553 回答