如何访问html中div标签内的input标签的内容

Question

html代码：

<div id="1" class="grid-item"> <input  type="text" size=1px  value=""></div>

在输入部分输入值后，我想访问我输入的内容。

Answer 1

我不太明白你的意思，但我认为你的意思是以下内容？

let input = document.getElementById('input')
let h1 = document.getElementsByTagName('h1')[0]
input.addEventListener('input', () => {
h1.textContent = input.value
})

<div id="1" class="grid-item"> <input  type="text" size=1px  value="" id='input'> <h1></h1></div>

Answer 2

需要 JavaScript 或后端但如果你不介意我会解释 javascript
........................
首先，为您的输入选择一个唯一标识符，例如“MyInput”：\

<div>
    <input type="text" id="MyInput" value="">
</div>

它在哪里并不重要（表单、输入和...）
现在让我们开始 JavaScript:( 我将其附加到贴纸上)\

<a onclick=" alert( document.getElementById('MyInput').value ) "> Show Value Input</a>

你可能不明白这个命令是什么
我只是指 onclick 输入
使用“alert”命令，浏览器会向您显示一些内容，如果您了解 js，您就知道这一点
document.getElementById 命令采用 ID 并查找该标签，您可以通过键入一个点后跟条目名称来访问该标签。
例如，当您在输入中写入某些内容时，输入是一个值，并且雾中充满了该值。
从现在开始，每次点击 a 标签时，都会显示输入值

完整代码：

<div>
    <input type="text" id="MyInput" value="">
</div>
<a onclick=" alert( document.getElementById('MyInput').value ) "> Show Value Input</a>

如果您有任何疑问，请给我发电子邮件：

[email protected]

;-)