单击Javascript时添加div-in按钮

Hi how to append div in button on click这是我的JavaScript：

function addLoader() {
    var div = document.createElement('div');
    div.innerHTML = '<div class="loader"> <div class="loader-ring"> <div class="loader-ring-light"></div> </div> </div>';
    var test01 = document.createElement('button');
    test01.appendChild(div);
    console.log(test01);
}

函数addLoader（）{
var div=document.createElement（'div'）；
div.innerHTML=''；
var test01=document.createElement（'button'）；
test01.appendChild（div）；
console.log（test01）；
}

我想在单击时将innerHTML添加到按钮标记中

<button onclick="addLoader(this);">testt </button>

function addLoader(elem) {
        var _div = document.createElement('div');
        _div.innerHTML = '<div class="loader"> <div class="loader-ring"> <div class="loader-ring-light"></div> </div> </div>';
        elem.appendChild(_div);
    }

testt

函数完成时必须是这样的：

<button>testt <div class="loader"> <div class="loader-ring"> <div class="loader-ring-light"></div> </div> </div> </button>

testt

您只需再输入一行代码即可。变量

test01

在内存中创建，但未添加到

DOM

。您必须将这个新元素附加到DOM中（即，

document.appendChild（test01）

）

您只需要再添加一行代码。变量

test01

在内存中创建，但未添加到

DOM

。必须将此新元素附加到DOM（即

文档.appendChild（test01）

）

var btn=document.getElementById（“addLoader”）；
如果（btn）{
btn.addEventListener（'click'，addLoader，false）；
}
函数addLoader（）{
var div=document.createElement（'div'）；
div.innerHTML=''；
这名儿童（div）；
}

测试

var btn=document.getElementById（“addLoader”）；
如果（btn）{
btn.addEventListener（'click'，addLoader，false）；
}
函数addLoader（）{
var div=document.createElement（'div'）；
div.innerHTML=''；
这名儿童（div）；
}

Test

HTML

// Added id attribute
<button onclick="addLoader();" id = "test01">testt </button>

HTML

// Added id attribute
<button onclick="addLoader();" id = "test01">testt </button>

---

我可以不使用任何ID类执行此操作吗？只是按钮标签？你可以这样做，但这将是复杂的，原因是可以有多个按钮在您的页面。是否还要在其他按钮中添加相同的DOM元素？是，但在具有onclick的按钮上添加josfunction@EdinPuzic更新了答案。请检查更新的JSFIDDLE。我可以在不使用任何ID类的情况下执行此操作吗？只是按钮标签？你可以这样做，但这将是复杂的，原因是可以有多个按钮在您的页面。是否还要在其他按钮中添加相同的DOM元素？是，但在具有onclick的按钮上添加josfunction@EdinPuzic更新了答案。请检查更新的JSFIDLE