傳遞JavaScript變量轉換成HTML

我的JavaScript代碼是：傳遞JavaScript變量轉換成HTML

<script type="text/javascript"> 
    var current = 0; 
var cars = new Array(5); 
cars[0] = "Audi"; 
cars[1] = "Bentley"; 
cars[2] = "Mercedes"; 
cars[3] = "Mini"; 
cars[4] = "BMW"; 
document.getElementById("addCarBtn").onclick = function() { 
    if (!(current > cars.length - 1)) { 
     document.getElementById("carsDiv").innerHTML += cars[current] + "<br />"; 
     current++; 
    } 
} 
</script>

我要顯示的每個數組項逐一按鈕值單擊該DIV。

但是，當我點擊按鈕，數組[0]即「奧迪」顯示，但只是幾秒鐘。然後它消失，只有按鈕可見。

來源

2013-08-29 Ujjawal Nishanta

發佈的內容的您的HTML代碼應保持數組值 –

。該值將顯示在div內。 –

按鈕的HTML是什麼？你有沒有嘗試過自己？ –

您可以使用一個循環，如： -

for(var i=0; i< cars.length;i++) 
{ 
alert(cars[i]); 
}

//它會自動顯示警告5倍。您需要點擊ok才能遍歷所有數組元素。 //我認爲這是你在想什麼，或者我把它解釋錯了。

//我假設你完全不熟悉javascript，然後在你的按鈕上寫onclick =「yourFuncName（）;」

function YourfuncName() 
{ 
//Initailze your array here, like you have done or like kamituel has done 
// then just print each array element one by one 
for(var i=0; i< cars.length;i++) 
{ 
alert(cars[i]); 
} 

}

來源

2013-08-29 08:16:40 Defry

every方法怎麼樣？

cars.every(function(c) { 
    alert("car: " + c); 
});

來源

2013-08-29 08:12:23

你快到了。由於JS代碼位於HTML之前，因此按鈕元素仍然不存在。最好的只是包裝的代碼window.onload，它應該工作：

window.onload = function() { 
    document.getElementById("addCarBtn").onclick = function() { 
     if (!(current > cars.length - 1)) { 
      document.getElementById("carsDiv").innerHTML += cars[current] + "<br />"; 
      current++; 
     } 
    } 
};

Live test case。

編輯：剛纔注意到你的按鈕沒有類型。這意味着某些瀏覽器可能會默認將其設置爲提交按鈕，這會導致頁面重新加載。爲了避免它，使它的是普通按鈕：

<button id="addCarBtn" type="button">

來源

2013-08-29 08:30:30

thanx bro ...這正是我所需要的。 :) –

傳遞JavaScript變量轉換成HTML

回答

相關問題