怎样才能在盒子中添加重复元素，特别是添加模板(语言-javascript)

问题遇到的现象和发生背景

img

部分问题相关代码
<!DOCTYPE html>
<html>
<head>
<style>
.danxuan{
            padding: 5px;
            margin: 5px;
            text-align: left;
            font-size: 15px;
            color: black;
        }
 .aaa{
            background-color: transparent;
            border: white;
            color: white;
            float: right;
        }
        .aaa:hover{
            color: rgb(88, 87, 87);
        }
.duoxuan:hover{
            background-color: rgb(250, 239, 219);
            filter: drop-shadow(5px 5px 3px rgb(197, 197, 197));
        }
</style>
</head>
<body>
<dl id="timuList">
 <dt>
 
    <div class="danxuan" id="danxuanti" style="display:none;">
 
    <a name="单选"></a>
 
    <h2 contenteditable="true" spellcheck="true">点击编辑题目</h2>
 
    <input type="radio" name="xuanxiang" value="xuanxiang"/><label contenteditable="true" spellcheck="true">点击编辑选项一</label><br>
 
     <input type="radio" name="xuanxiang" value="xuanxiang"/><label contenteditable="true" spellcheck="true">点击编辑选项二</label>
 
      <div class="choose_box">
 
       <div class="grid-item"></div>
 
        <div >
            <input name="" type="button" value="上移" class="aaa">
 
            <input name="" type="button" value="下移" class="aaa">
 
            <input name="" type="button" value="复用" class="aaa">
 
            <input name="" type="button" value="删除" class="aaa">
 
        </div>
 
       </div>
 
    </div>
 
    </dt>
</dl>
 
<div class="tixing" id="xuanxiang" style="display:none;">
                <a name="题型选择"></a>
                <script src="https://at.alicdn.com/t/font_3104505_fer6jmofiqa.js"></script>
                <a href="#单选" class="button"onclick="addTimu()" ><svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-iconfontzhizuobiaozhun0267"></use>
                  </svg> 单选</a>
 
<script >
                function xianshi(){
                    if(document.getElementById("xuanxiang").style.display=="none")
                        document.getElementById("xuanxiang").style.display="block";
                    else
                    document.getElementById("xuanxiang").style.display="none";
                }
                function xianshi1(){
                    if(document.getElementById("danxuanti").style.display=="none")
                        document.getElementById("danxuanti").style.display="block";
                }
</script>

</body>
</html>
运行结果及报错内容

这样输出的内容只能添加一次题目

我想要达到的结果

每点击一次就能生成一个问题模板

每次点击的时候
获取你要添加地方的box 获取html（）+=对应的模板拼接，当然你要变更一下class