首页 > 解决方案 > 从 innerHTML 获取输入类型文本的值

问题描述

我有以下代码:

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

哪个输出

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

在科索莱。

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

添加 anid不是一种选择,因为我正在循环浏览多个文本框。

标签: javascript

解决方案


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

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

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

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


推荐阅读