Question

当我单击由createElement创建的按钮时，我正在尝试激活功能。

在html代码上：

<fieldset class="form-fieldset">
   <button type="button" class="btn-ref">Hello</button>
</fieldset>

在javascript上：

$('.btn-ref').click(function(){
   var newButton = document.createElement('button');
   newButton.className="btn-ref";
   $('.form-fieldset').append(newButton);
});

在原始代码上，单击按钮时会创建新按钮。但是单击创建的按钮后，它不会创建新的按钮。

有人可以告诉我怎么了吗？

Answer 1

您可以通过获取按钮名称textContent :- returns the text content of the specified node value来添加按钮名称。

它将在正文中找到使用此className的位置，该位置将动态创建元素并为其应用值。

$("body").on("click", ".btn-ref", function(event) {
    var newButton = document.createElement('button');
    newButton.className = "btn-ref";
    newButton.textContent = $(this).text();
    $('.form-fieldset').append(newButton);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<fieldset class="form-fieldset">
    <button type="button" class="btn-ref">Hello</button>
</fieldset>

使用'createElement'后如何激活类单击功能

1 个答案: