javascript-html form.input.value没有得到打印为什么？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-html form.input.value没有得到打印为什么？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1159字，纯文字阅读大概需要2分钟。

内容图文

…

<script type="text/javascript">
 function printvalues() {
  document.write("This is my first JavaScript!");
  document.write(form.inputobj1.value);
  document.write(form.inputobj2.value);
 }
</script>
<form name="form">
 <input name="inputobj1" value="123" />
 <input name="inputobj2" value="abc"/>
 <input type="button" onclick =" printvalues();"> 
</form>

为什么此行不打印值document.write(form.inputobj1.value);

解决方法:

document.write将覆盖当前文档.完成后,整个< form>元素从DOM中消失,因此无法找到它及其输入元素.

用例如alert(…)替换document.write(…),它应该可以工作.

或者,您可以将其编写为另一个元素的innerHTML.例如.

<script type="text/javascript">
    function printvalues() {
        var div = document.getElementById("divId");
        div.innerHTML += "This is my first JavaScript!";
        div.innerHTML += form.inputobj1.value;
        div.innerHTML += form.inputobj2.value;
    }
</script>
<form name="form">
    <input name="inputobj1" value="123" />
    <input name="inputobj2" value="abc"/>
    <input type="button" onclick =" printvalues();"> 
</form>
<div id="divId"></div>

请注意,这不是“最佳实践”,但是由于您正在学习…使用核心Javascript完成后,建议您通过jQuery进行学习.它是一个Javascript库,可以大大简化此类的DOM操作；以及更多；)

内容总结

以上是互联网集市为您收集整理的javascript-html form.input.value没有得到打印为什么？全部内容，希望文章能够帮你解决javascript-html form.input.value没有得到打印为什么？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端