使用Regex将变量传递到document.getElementById

Posted 2021-03-27

我正在尝试传递一个变量HostOne_${Results.SubSysID.replace(/./g,"")})，它为每个通过循环的JSON条目返回一个uniquie ID。这适用于创建元素ID和onclick值。我试图完成以下内容：

if (Results.HostOneStatus = "Running")
{
  var a  = "HostOne_"${Results.SubSysID.replace(/./g,"")}
   console.log(a);
  document.getElementById(a).className = "btn btn-xs btn-success";
}

例如，如果SubsysID的值为“14.99.304”，“HostOne_1499304”，则应该返回，然后更改此元素的类。我怀疑它可能就像变量的定义一样简单。

作为参考，为以下成功创建了ID：

<button id="HostOne_${Results.SubSysID.replace(/./g,"")})" 

有什么建议？

答案

你需要使用串联：

var Results ={ 
  SubSysID: '1.2.2.3'
};
var a = "HostOne_" + Results.SubSysID.replace(/./g, "");
console.log(a);
document.getElementById(a).className = "btn btn-xs btn-success";

.btn.btn-xs.btn-success{
  color: green;
}

<button id="HostOne_1223">click</button>

以上是关于使用Regex将变量传递到document.getElementById的主要内容，如果未能解决你的问题，请参考以下文章

js多个变量值连接怎么写

使用 Regex 通过 Discord.js 定义变量？

如何将分隔符数组传递给 Regex.Split 函数？ [关闭]

Git 通过 grep/regex 添加行到索引

Javascript Regex：如何将变量放入正则表达式中？ [复制]

如何使用 javascript 在 regExp 中使用动态变量？ [复制]