首页 > 解决方案 > 添加javascript后无法通过id找到输入

问题描述

所以onclick我在我的一个标签中添加了一个文本框<p>,它运行良好,获取了 css 和所有内容,但是当我尝试获取它的值时,它似乎无法通过它找到它document.getElementById("someting"),因为它说:

未捕获的类型错误:无法读取 null 的属性“文档”

我输入了一些东西,但它找不到它。

我认为问题是因为在页面加载时输入不存在,如果在之后添加它就不会找到它。

onclick = document.getElementById("something").innerHTML = <input id='myInput' class='textbox' autofocus value=''>

var inputvalue = document.getElementById("myInput").value;

标签: javascripthtml

解决方案


在 jQuery 的帮助下使用这种方法:例如,我们假设您想将此 html 添加到 div:

 $('#div').append('<input id='myInput' class='textbox' autofocus value=''>');

然后:

var value = document.getElementById('myInput').value;

推荐阅读