Question

您好我有一个选择随机列表项的功能，并且该列表项内部有一个输入字段。目标是让用户填写字段，然后按一个按钮选择一个随机列表项，并在该列表项中显示该输入字段的值。

现在我有随机功能工作，它选择一个随机列表项，但我在输入字段上显示值时遇到问题。似乎浏览器无法识别用户在输入字段中输入的内容，因为所有控制台吐出的都是<li><input type='text'></li>

HTML：

<ul id="list">
    <li><input type='text'></li>
    <li><input type='text'></li>
    <li><input type='text'></li>
</ul>

<button id="randomize">randomize</button>

<p id="result">hello</p>

JS：

var randomize = document.getElementById("randomize");
var listItems = document.getElementById("list").getElementsByTagName("li");
var result = document.getElementById("result");

randomize.addEventListener("click", randomizeIt);

function randomizeIt () {
    var randomItem = listItems[Math.floor(Math.random() * listItems.length)];
    result.innerHTML = randomItem.value;
    console.log(randomItem);
}

jsfiddle

谢谢！

Answer 1

你只需要抓住childNode（这是输入元素）。

result.innerHTML = randomItem.childNodes[0].value;

jsfiddle

随机函数javascript后获取输入字段的值

1 个答案: