有没有办法将变量添加到 div 的 id？ [关闭]答案

【问题标题】：Is there a way to add a variable to a div's id? [closed]有没有办法将变量添加到 div 的 id？ [关闭]
【发布时间】：2022-01-20 17:51:58
【问题描述】：

我正在制作它，当您单击按钮时，它会创建一个带有 id 和 id 后数字的 div。有没有办法将此添加到我的程序中？我这样做是为了添加一种自定义 div 的方法。

function createBlock() {
  let block = document.createElement('div');
  document.body.append(block);
    block.outerHTML = template;
//Your Code Here
}
   var blockId = 1;
   blockId++;
            var template = `
<div class="formblocktyp1" id="block{blockId}" onload="get()" draggable="true">
   <div class="input">
   <input type="text" id="title{blockId}" class="formblockquestion" placeholder="Question">
   <span></span>
      </div>
   <lable class="typetext">Type of Block:</lable>
     <div class="list-choice">
 <div class="list-choice-objects">
    <label>
      <input type="radio" name="radiobutton" value="A{blockId}" onclick="populateData(event)"/><span>Comment</span>
     </label>
      <label>
      <input type="radio" name="radiobutton" value="B{blockId}" onclick="populateData(event)"/><span><font size="1">Multiple Choice</font></span>
     </label>
     <label>
      <input type="radio" name="radiobutton" value="C{blockId}" onclick="populateData(event)"/><span>Sentence</span>
     </label>
     <label>
      <input type="radio" name="radiobutton" value="D{blockId}" onclick="populateData(event)"/><span>Paragraph</span>
     </label>
    <label>
      <input type="radio" name="radiobutton" value="E{blockId}" onclick="populateData(event)"/><span>Custom Comment</span>
     </label>
  </div> 
        <div class="list-choice-title">Type:</div>
  
</div><br>
   <div id="content{blockId}">
   </div>
   <br>
   <input type="color" id="backcol{blockId}" class="fill" oninput="changecolor(this) " value="#ffffff">
   <button onclick="save()">Update Block</button>
</div>
                `;
function changecolor() {
 document.getElementById("block{blockId}").style.backgroundColor = document.getElementById("backcol{blockId}").value;
   }

有没有办法将此添加到我的程序中？还有，圣诞快乐！

【问题讨论】：

帮助我们帮助您 - 分享您已有的代码，并突出显示它的确切问题
有没有办法将此添加到我的程序中？ – 当然有，您尝试过什么以及如何失败？

标签： javascript html

【解决方案1】：

为此，您需要为 div 提供一个初始 ID，然后在 js 代码中访问此元素并更新其 ID。这样做应该很简单：

function updateId(){
    var x = 56;
    document.getElementById('initial_id').id = 'box_' + x;
}

【讨论】：