有没有办法打印我的clickCount而不是使用<input />标签

时间:2011-09-11 14:16:07

标签: javascript html count counter

有没有办法在不使用输入元素的情况下将clickCount打印到页面?

以下是我更好理解的代码:

<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Vote!</title>

<script type="text/javascript">

function countClicks() {
var x = 0;


x += 1
document.getElementById( "counting" ).value = x;

var clickLimit = 1; //Max number of clicks
if(x>=clickLimit) {

            }
else
{
    ClickCount++;
    return true;
}
}

</script>

</head>
<body>

<input type="button" value="VOTE" name="clickOnce" onclick="return countClicks();" /><br>
<input id="counting" type="text">



</body>

</html>

1 个答案:

答案 0 :(得分:2)

您可以将您的价值放入任何元素。

根据您当前的代码,将input替换为div并使用innerHTML代替value即可。

document.getElementById( "counting" ).innerHTML = x;

<div id="counting"></div>

我可能也会指向jQuery的方向。这将使您在使用Javascript时更轻松。

Working example