getElementById 根本不起作用

Question

<form id="form1">
    Title: <input type="text" id="title1" size="25"/><br/><br/><br/>
    Description <input type="text" id="desc1" size="55"/><br/><br/><br/>
    <input type="submit" value="Submit" onclick="doit();"/>
</form>

<script type="text/javascript">
function doit(){
    var title = document.getElementById("title1").value;
    var description = document.getElementById("desc1").value;

    document.write("<h3>Title: " + title + "</h3>");
    document.write("<h3>Description: " + description + "</h3>");
}
</script>

我需要 getElementById 方面的帮助。我的脚本采用用户在文本框中键入的值，当用户单击提交时，这些值使用 document.write 写入页面，但是代码没有按预期工作。

<script type="text/javascript">
function doit() {
    document.write("Do it function");
    var title = document.getElementById("title1").value;
    var description = document.getElementById("desc1").value;

    document.write("<h3>Title: " + title + "</h3>");
    document.write("<h3>Description: " + description + "</h3>");
}
</script>

执行甚至没有到达函数的第一行。在按钮中我有：

<input type="submit value="submit" onclick="doit();"/>

Answer 1

请像这样更改您的html

<input type="submit" value="submit" onclick="doit();"/>

Answer 2

如果：

<input type="submit value="submit" onclick="doit();"/>

确实是您所拥有的，您缺少引号（语法着色应该很明显，足以确保您使用提供此类着色的编辑器的理由）。

应该改为：

<input type="submit" value="submit" onclick="doit();"/>

你还应该知道document.write()，如果文档已经关闭，会自动打开并清除文档，所以你的第一个write 可能会使具有这些 ID 的控件消失，具体取决于 HTML.

的结构

getElementById 根本不起作用

getElementById doesn't work at all

javascript

getelementbyid