如何在 JavaScript 中將字串與變數連接起來建立新字串？

在 JavaScript 中連接字串與變數

在 JavaScript 中，連接字串與變數需要特定的語法。本教學課程解決如何組合字串和數字變數來建立新字串的常見問題。

原始問題：

使用者希望創建一個字串透過組合字串“horseThumb”和傳遞的數值變數“id”，但面臨困難。

答案與故障排除：

問題中提供的程式碼是正確的。但是，可能還有其他問題影響所需的結果。

1. 將 ID 傳遞給函數： 確保將 ID 值作為參數傳遞給函數呼叫。
2. 元素存在： 驗證文件中是否存在具有變數中指定的ID 的元素DOM.
3. 瀏覽器載入：如果您嘗試在頁面完全加載之前訪問該元素，則可能會遇到問題。將函數呼叫放在 onload 事件處理程序中來解決這個問題。

使用模板文字：

自ECMAScript 2015 以來，模板文字（模板字串）提供了連接的替代方法：

document.getElementById(`horseThumb_${id}`).className = "hand positionLeft";

偵錯幫助：

要確定問題的根源，請將這些行加入函數的開頭：

alert('ID number: ' + id);
alert('Return value of gEBI: ' + document.getElementById('horseThumb_' + id));

這些彈出視窗將提供有關傳遞的ID 的資訊以及元素的存在。

以上是如何在 JavaScript 中將字串與變數連接起來建立新字串？的詳細內容。更多資訊請關注PHP中文網其他相關文章！