Question

我想创建一个button来创建另一个button。另一个button通过从1到无穷大计数获得id属性。 此功能应在所有按钮（原始按钮和新闻）上完成。

var btn = document.createElement("input");
btn.type = "button"
btn.value = "button"
btn.id = "btn_rv"
body.appendChild(btn);

Answer 1

我没有得到用例，但这应该是你想要的：

var btn = document.createElement("input");
var countBtn;
btn.type = "button";
btn.value = "button";
btn.id = "btn_rv";
document.body.appendChild(btn);

btn.addEventListener('click', function(){
    if (!countBtn){
    countBtn = document.createElement("input");
    countBtn.type = "button";
    countBtn.value = 0;
    countBtn.id = "btn_rv";
    document.body.appendChild(countBtn);
  }
  else{
    countBtn.value++;
  }

}, false);

在https://jsfiddle.net/ugyknfc0/

上查看

Answer 2

function create_another_button(elm) {
  var counter = parseInt(elm.getAttribute('data-counter'));
  var button = document.createElement('button');
  button.innerText = elm.id + '_' + counter;
  button.id = elm.id + '_' + counter;
  button.setAttribute('data-counter', '1');
  button.setAttribute('onclick','create_another_button(this)');
  document.body.appendChild(button);
  elm.setAttribute('data-counter', ++counter)
}

<button id="btn_rv" onclick="create_another_button(this)" data-counter="1">Main Button</button>

http://jsbin.com/tuwoxe/edit?html,css,js

Answer 3

如果您要触发其他按钮，请尝试使用此代码

<input type="button" 
   id="BtnId" 
   onclick="fireButton();addButton();" />

触发按钮的功能1

function fireButton() 
{
   document.getElementById('btn_rv_1').click()
}

用于添加按钮的功能2

function addButton()
 {
   var element = document.createElement("input");

//Assign different attributes to the element.
  element.setAttribute("type", type);
  element.setAttribute("value", type);
  element.setAttribute("name", type);


  var place= document.getElementById("SpanID");

 //Append the element in page (in span).
  place.appendChild(element);
 }

在HTML中

<span id="SpanID">&nbsp;</span>

Answer 4

如果您希望可以试试这个。

HTML

<body>
    <div id="top">
        <button id="button_1">Button 1</button>
    </div>
    <script type="text/javascript" src="func.js"></script>
</body>

func.js

var bid = 2;

document.getElementById("button_1").addEventListener("click", function () {
    add_button(bid);
    add_event_listener(bid);
    bid += 1;
});

function add_button(button_id) {
    var div = document.getElementById("top");
    div.innerHTML = div.innerHTML + "<button id='button_" + button_id + "'>Button " + button_id + "</button>";
}

function add_event_listener(button_id) {
    document.getElementById("button_" + button_id).addEventListener("click", function () {
        add_button(bid);
        add_event_listener(bid);
        ++bid;
    });
}

javascript按钮发射另一个按钮

4 个答案: