我想使用javascript动态创建一个标记_Javascript

我想使用javascript动态创建一个标记

javascript

我想使用javascript动态创建一个标记,javascript,Javascript,我正在使用引导模式。当我点击模态按钮时，我想要在body标签上动态创建一个按钮的函数。 window.onlaod=function（）{ var blue=document.getElementById（'blue'）； blue.onclick=函数（）{ blue.onclick=null； var result=document.getElementById（'result'）； var newblue=document.createElement（'span'）； newblue.

我正在使用引导模式。当我点击模态按钮时，我想要在body标签上动态创建一个按钮的函数。

window.onlaod=function（）{
var blue=document.getElementById（'blue'）；
blue.onclick=函数（）{
blue.onclick=null；
var result=document.getElementById（'result'）；
var newblue=document.createElement（'span'）；
newblue.id='newblue'；
newblue.innerHTML+=''；
结果：appendChild（纽蓝）；
};
};
->这是关于单击蓝色按钮后事件的代码。
->这是关于蓝色按钮的代码。
标题
+
->这是关于“+”按钮的代码。

当单击结果代码的div id内的add按钮时，将创建一个按钮，如下所示：

<html>
<body>
    <button type="button" id="blue">add</button>
    <div id="result"></div> 
    <script>
        window.onload = function() {
            return addEvent();
        }

        function addEvent() {
            var blueButton = document.getElementById('blue');

            blueButton.addEventListener("click", addButton)
        }

        function addButton() {
            var result = document.getElementById('result');
            var newBtn = document.createElement('span');

            newBtn.id = 'newblue';
            newBtn.innerHTML += '<button type="button" id="blue">test</button>';

            result.appendChild(newBtn);
        }
        </script>
    </body>
</html>


添加
window.onload=函数（）{
返回addEvent（）；
}
函数addEvent（）{
var blueButton=document.getElementById（'blue'）；
blueButton.addEventListener（“单击”，addButton）
}
函数addButton（）{
var result=document.getElementById（'result'）；
var newBtn=document.createElement（'span'）；
newBtn.id='newblue'；
newBtn.innerHTML+=“测试”；
结果：appendChild（NEBTN）；
}

这有帮助吗？谢谢你的评论。但是链接中的内容是我已经尝试过的东西。有没有比“createNode”或“createElement”更好的方法呢？

<html>
<body>
    <button type="button" id="blue">add</button>
    <div id="result"></div> 
    <script>
        window.onload = function() {
            return addEvent();
        }

        function addEvent() {
            var blueButton = document.getElementById('blue');

            blueButton.addEventListener("click", addButton)
        }

        function addButton() {
            var result = document.getElementById('result');
            var newBtn = document.createElement('span');

            newBtn.id = 'newblue';
            newBtn.innerHTML += '<button type="button" id="blue">test</button>';

            result.appendChild(newBtn);
        }
        </script>
    </body>
</html>