1. 程式人生 > >JavaScript中的 innerHTML 字元與變數拼接賦值

JavaScript中的 innerHTML 字元與變數拼接賦值

如圖,在html中有一個div,給其設定文字:字串與變數的拼接

 

程式碼:

<body>
    <div id='divtest'></div>
</body>
<script>
    var dis = 34;
    document.getElementById('divtest').innerHTML = "test" + dis;        //這裡注意變數的拼接
    document.getElementById('divtest').innerHTML += "test2" + (dis+1);  //這裡注意變數的拼接
</script>

 注意這樣寫只會顯示字串,整型變數無法顯示,要改成 parseInt(dis) ,才能達到如圖的效果。

<body>
    <div id='divtest'></div>
</body>
<script>
    var dis = 34;
    document.getElementById('divtest').innerHTML = "test" + parseInt(dis);        //這裡注意變數的拼接
    document.getElementById('divtest').innerHTML += "test2" + parseInt(dis+1);    //這裡注意變數的拼接
</script>