javascript - 从innerHTML获取输入类型文本的值

Question

我有以下代码:

console.log(cleValTab.children[0].children[0].children[0].innerHTML);

输出

<input type="text" value="XXXX" class="table-textbox" size="50">

在控制台中。

现在我需要提取该值，我尝试添加 .value 但得到 undefined。

添加 id 不是一个选项，因为我要循环访问多个文本框。

Answer 1

innerHTML 是一个字符串，而不是 DOM。如果不将其转换回 DOM，则无法从中读取属性。

所以首先不要使用innerHTML。获取DOM节点并读取其属性值。

console.log(cleValTab.children[0].children[0].children[0].querySelector("input").getAttribute("value"))

(如果您想要当前值而不是属性值，请使用value属性而不是getAttribute。因为您试图读取来自 innerHTML 我假设您需要属性值)。