JavaScript：无法使document.getelementbyid正常工作

Question

我发现了许多有关表单元素为null的问题，但我根本无法解决这个问题。

它可以在每种浏览器中使用，但是当它嵌入到Wordpress中时，它将停止在Firefox中使用。 Firefox-Console表示我应该使用document.getelementbyid，但是在我尝试的所有方式中，Firefox都说该表单为null或“未定义myform”。

Answer 1

您的脚本使用myform作为全局变量。 不要那样做，那是Internet Explorer的早期技术，它为具有id / names的所有元素创建了全局变量，目前不受欢迎。

这就是Firefox上的错误消息告诉您的内容。

“在全局范围内ID / NAME引用的元素。请改用W3C标准document.getElementById（）。 var userInputs = myform.elements; (rechner.html.22)

将以下内容添加到您的calculate函数的顶部

var myForm = document.getElementById('myform')

并将表单标签更改为：

 <form name="myform" id="myform" action="#">

如果这不是当前的问题，请使您的问题更具描述性！

Answer 2

您可以发布html和javascript代码吗？ 我的第一个猜测是您没有提供表单或输入id属性。 例如

<input name="myInput" type="text" />

将不适用于

document.getElementById("myInput").

您需要像这样添加id属性

<input id="myInput" name="myInput" type="text" />

Answer 3

尝试使用其他ID，也许wordpress主题中已经存在总数。 你能证明这个嵌入在wordpress中吗？ 调试起来会很容易。