如何在 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中文网其他相关文章！