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

Posted 2023-02-18

【中文标题】有没有办法将变量添加到 div 的 id？ [关闭]

【英文标题】：Is there a way to add a variable to a div's id? [closed]

【发布时间】：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="blockblockId" onload="get()" draggable="true">
   <div class="input">
   <input type="text" id="titleblockId" 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="AblockId" onclick="populateData(event)"/><span>Comment</span>
     </label>
      <label>
      <input type="radio" name="radiobutton" value="BblockId" onclick="populateData(event)"/><span><font size="1">Multiple Choice</font></span>
     </label>
     <label>
      <input type="radio" name="radiobutton" value="CblockId" onclick="populateData(event)"/><span>Sentence</span>
     </label>
     <label>
      <input type="radio" name="radiobutton" value="DblockId" onclick="populateData(event)"/><span>Paragraph</span>
     </label>
    <label>
      <input type="radio" name="radiobutton" value="EblockId" onclick="populateData(event)"/><span>Custom Comment</span>
     </label>
  </div> 
        <div class="list-choice-title">Type:</div>
  
</div><br>
   <div id="contentblockId">
   </div>
   <br>
   <input type="color" id="backcolblockId" class="fill" oninput="changecolor(this) " value="#ffffff">
   <button onclick="save()">Update Block</button>
</div>
                `;
function changecolor() 
 document.getElementById("blockblockId").style.backgroundColor = document.getElementById("backcolblockId").value;
   

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

【问题讨论】：

帮助我们帮助您 - 分享您已有的代码，并突出显示它的确切问题

有没有办法将此添加到我的程序中？ – 当然有，您尝试过什么以及如何失败？

【参考方案1】：

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

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