简单的JavaScript不起作用

时间:2014-06-29 08:25:50

标签: javascript

我已经写了下面提到的javascript,并且已经调用了按钮点击事件,但不知何故它没有用,请有人帮忙。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
</head>
<script type="text/javascript">
function f1()
{
    var x=document.getElementById("txt1").innerHTML
    if(x==1)
    {
        alert("hello");
    }
}
</script>
<body>
    <form id="form1">
        <input type="text" id="txt1"/><br/>
        <input type="button" id="btn1" value="submit" onclick="f1()"/>
    </form>
</body>
</html>

3 个答案:

答案 0 :(得分:2)

不应该是.innerHTML,而是.value

答案 1 :(得分:2)

当您抓住innerHTML时,您正试图从输入字段中抓取value,否则它将始终为undefined

变化:

var x = document.getElementById("txt1").innerHTML;

为:

var x = document.getElementById("txt1").value;

JSFiddle示例

<强> http://jsfiddle.net/moogs/dNWNP/1/

答案 2 :(得分:0)

您应该使用value代替innerHTML

var x=document.getElementById("txt1").value;

请参阅jsfiddle