0

在接下来的编码中,我有 3 个垂直的 clickCount,我想知道是否有这样的代码可以自动将最高的 clickCount 移动到顶部:

这是我到目前为止的代码:

<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<script type="text/javascript">

function countClicks() {
var x = 0;


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

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

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

</script>

<script type="text/javascript">

function countClicks1() {
var x = 0;


x += 1
document.getElementById( "counting1" ).innerHTML = x;

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

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


</script>

<script type="text/javascript">

function countClicks2() {
var x = 0;


x += 1
document.getElementById( "counting2" ).innerHTML = x;

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

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


</script>


</head>
<body>

<div style="margin-left:100px;">
<img src="../Pictures/BWS + L.A +KUSH/Game.RED_Album_Cover.jpg" alt="red album"><br>
<input type="button" value="VOTE" name="clickOnce" onclick="return countClicks();" />
<div id="counting"></div>

<img src="../Pictures/BWS + L.A +KUSH/Game.RED_Album_Cover.jpg" alt="red album"><br>
<input type="button" value="VOTE" name="clickOnce" onclick="return countClicks1();" />
<div id="counting1"></div>

<img src="../Pictures/BWS + L.A +KUSH/Game.RED_Album_Cover.jpg" alt="red album"><br>
<input type="button" value="VOTE" name="clickOnce" onclick="return countClicks2();" />
<div id="counting2"></div>
</div>

4

1 回答 1

0

DOM 可以通过任意标准进行操作。如果您使用适当的 id div(或 span)包装每个部分,则可以将其从一个位置删除,然后像往常一样将其放在另一个位置。如果它是一个有序列表,IMO,它应该存在于一个实际的有序列表中,虽然这不是绝对必要的,它只是更具语义。

于 2011-09-11T16:49:43.273 回答