Fatal编程技术网
  • javascript/
  • Javascript innerHTML不会在Firefox中打印变量

Javascript innerHTML不会在Firefox中打印变量

javascript html firefox

Javascript innerHTML不会在Firefox中打印变量,javascript,html,firefox,Javascript,Html,Firefox,我在Firefox中打印带有innerHTML的变量时遇到问题。我认为这是一个非常简单的代码，在Chrome、IE和Safari中运行良好 然而，在Firefox中，它拒绝在输入字段中打印用户输入的数据 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http

我在Firefox中打印带有
innerHTML
的变量时遇到问题。我认为这是一个非常简单的代码，在Chrome、IE和Safari中运行良好

然而，在Firefox中，它拒绝在输入字段中打印用户输入的数据

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />    
        <script language="JavaScript">
            function showVar() {
                document.getElementById('name').innerHTML = document.getElementById('myname').value;
            }    
        </script>
    </head>
    <body>
        <input type="text" id="myname">
        <input type="submit" value="Submit" onClick="showVar()"><br><br>
        <div id='name'> </div>
    </body>
</html>


函数showVar（）{
document.getElementById（'name'）.innerHTML=document.getElementById（'myname'）.value；
}
我将非常感谢在这方面的一些帮助，因为我需要这个作为课堂练习

谢谢

奇怪的是，在我的Firefox版本中，我无法使用本机Javascript使代码正常工作

这个JQuery代码可以工作（）

但是您可以使用JQuery吗？我知道类/UNI在使用JQuery时可能非常具体

编辑：解决方案

好吧，问题是你的
标签不合法。您需要在脚本头中使用
type=“text/javascript”
，而不是
language
。我尝试了定位，不管脚本是放在HTML代码之前还是之后

完整代码如下所示：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
    function showVar() {

    document.getElementById('name').innerHTML = document.getElementById('myname').value;

    }
</script>
</head>
<body>
    <input type="text" id="myname">
    <input type="submit" value="Submit" onclick="showVar()"><br><br>
    <div id='name'></div>
</body>


函数showVar（）{
document.getElementById（'name'）.innerHTML=document.getElementById（'myname'）.value；
}
Firefox在
和
参数方面确实存在问题，有时其他浏览器会更宽松。我自己有时也会遇到这样的问题。

脚本属性
语言
对firefox不友好。试着改用
type=“text/javascript”
。

这段代码在Firefox28中对我来说很好。在Firefox控制台中查看是否有任何错误。这可能是因为
是无效元素。尝试
document.getElementById（'name'）。value=document.getElementById（'myname'）。value
@JackWilliams
name
是他试图将值输出到的div，而
myname
是输入。如果你使用
input type=“button”
而不是
input type=“submit”
，会有什么不同吗？那就不要理会我的评论，哈哈。非常感谢大家！这与我在21分钟前给出的答案完全相同，只是我也给出了一个jQuery选项。 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
    function showVar() {

    document.getElementById('name').innerHTML = document.getElementById('myname').value;

    }
</script>
</head>
<body>
    <input type="text" id="myname">
    <input type="submit" value="Submit" onclick="showVar()"><br><br>
    <div id='name'></div>
</body>