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

Question

我有以下代码：

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

哪个输出

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

在科索尔。

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

添加 anid不是一个选项，因为我要循环浏览几个文本框。

Answer 1

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

所以一开始就不要使用innerHTML。获取 DOM 节点并读取其属性值。

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

（如果您想要当前值而不是属性值，请使用value属性而不是。由于您试图从中读取，我假设您想要属性值）。getAttributeinnerHTML