添加div后刷新javascript

我正在做一份特莱罗的复印件 im使用模式插入相邻的html 添加之后，我想刷新javascript src，以便它能够检测div，这就是代码

      <div id="ColCreate" class="fab tooltip"><span class="tooltiptext">Add Column</span>+</div>
      <div id="CreateCol" class="ColCreate">
         <div class="modal-content">
            <div class="modal-header">
               <span class="close">&times;</span>
               <h2>Create an column</h2>
            </div>
            <div class="modal-body">
               <label for="cname">Column Name</label>
               <input id="cnamei" type="text" name="cnamei"><br>
               <button onclick="finish()" class="Finish">Finish</button>
            </div>
            <div class="modal-footer">
               <h3></h3>
            </div>
         </div>
      </div>
      <div id="container" class="container">
         
      </div>
      <script src="./index.js"></script>
      <script src="./modal.js"></script>
      <script src="./Drag.js"></script>

添加列+
&时代；
创建列
列名


完成

这是javascript

var modal = document.getElementById("CreateCol");

var btn = document.getElementById("ColCreate");

var span = document.getElementsByClassName("close")[0];

var finish = document.getElementsByClassName("Finish")[0];

var list1 = "<div><h3>"
var list2 = "</h3><ul id=\"list-1\" class=\"sortable\"><li id=\"fake\" class=\"hidden\"></li><li id=\"item-1\"><a href=\"#1\">Link 01</a></li><li id=\"item-2\"><a href=\"#2\">Link 02</a></li><li id=\"item-3\"><a href=\"#3\">Link 03</a></li><li id=\"item-4\"><a href=\"#4\">Link 04</a></li><li id=\"item-5\"><a href=\"#5\">Link 05</a></li><li id=\"item-6\"><a href=\"#6\">Link 06</a></li></ul></div>"

btn.onclick = function() {
  modal.style.display = "block";
}

var finish = function() {
  var x = document.getElementById("cnamei").value;
  var y = document.getElementById("container");
  modal.style.display = "none";
  var list = `${list1}${x}${list2}`
  y.insertAdjacentHTML( 'beforeend', list);
}

span.onclick = function() {
  modal.style.display = "none";
}

modal.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}

var modal=document.getElementById（“CreateCol”）；
var btn=document.getElementById（“ColCreate”）；
var span=document.getElementsByClassName（“关闭”）[0]；
var finish=document.getElementsByClassName（“finish”）[0]；
var list1=“”
var list2=“

btn.onclick=函数（）{
modal.style.display=“块”；
}
var finish=function（）{
var x=document.getElementById（“cnamei”）.value；
var y=document.getElementById（“容器”）；
modal.style.display=“无”；
var list=`${list1}${x}${list2}`
y、 insertAdjacentHTML（'beforeend'，列表）；
}
span.onclick=函数（）{
modal.style.display=“无”；
}
modal.onclick=函数（事件）{
如果（event.target==模态）{
modal.style.display=“无”；
}
}

---

我想刷新javascript，这样拖动就可以工作了

您不能刷新javascript，但可以重新运行函数或添加新的事件侦听器。我猜拖动的逻辑在

Drag.js

文件中。在那里，您应该使用事件委派侦听事件，或者在DOM更新后调用设置新事件侦听器的函数。向我们展示代码，我们就能告诉你。对不起，我是javascript和脚本标签的新手，所以你能把代码放在答案中吗？不管你是否知道，如果你不分享导致问题的代码，我都帮不了你。