从 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读取，因此我假设您想要属性值(。