Question

我在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列表中输出？

Answer 1

更改此行

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

到

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

随机获取Li的单个值并将其打印在<h1>标记</h1>中

1 个答案: