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 に答える