首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何处理使用Javascript动态创建的输入域?

如何处理使用Javascript动态创建的输入域?
EN

Stack Overflow用户
提问于 2018-08-06 02:26:50
回答 2查看 39关注 0票数 0

我知道如何使用Javascript处理输入字段。但是当我使用javascript createElement方法动态创建一个输入字段时,我不能使用它。由于我还没有开始学习PHP,所以我想知道如何使用javascript处理动态创建的输入域。

EN

回答 2

Stack Overflow用户

发布于 2018-08-06 02:35:30

如果使用createElement添加元素,则可以通过ID或类引用该元素来使用该元素。

document.getElementById()

document.getElementsByClassName()

看看at MDN site的例子

票数 0
EN

Stack Overflow用户

发布于 2018-08-06 03:03:33

您可能忘记了将输入字段添加到文档正文中。使用document.createElement创建元素时,千万不要忘记在创建完成后将其附加到主体中。

代码语言:javascript
复制
var input = document.createElement("input");
document.body.appendChild(input);

代码语言:javascript
复制
<span id="result"></span><br/>
<script>
var input = document.createElement("input");
input["type"] = "text";
document.body.appendChild(input);
input.addEventListener("keypress", function(e){
  document.getElementById('result').textContent = "Key: "+e.key+" KeyCode: "+e.keyCode+" Value: "+this.value+e.key;
});
</script>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51697145

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档