javascript按钮触发另一个按钮

我想创建一个

按钮

，该按钮创建另一个

按钮

。另一个

按钮

通过从1到无穷大计数获得一个

id

属性此功能应在所有按钮（原始按钮和新闻）上完成。

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

---

我不了解用例，但这应该是您正在寻找的：

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);

请访问

函数创建另一个按钮（elm）{
var counter=parseInt（elm.getAttribute（'data-counter'）；
var button=document.createElement（'button'）；
button.innerText=elm.id+'.'+计数器；
button.id=elm.id+'.'+计数器；
setAttribute（'data-counter'，'1'）；
setAttribute（'onclick'，'create_另一个_按钮（this）'）；
document.body.appendChild（按钮）；
elm.setAttribute（'data-counter'，++counter）
}

---

主按钮

如果要启动另一个按钮，请尝试此代码

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

用于添加按钮的功能2

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

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>

---

如果您愿意，可以试试这个

html

按钮1

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;
    });
}

var-bid=2；
document.getElementById（“按钮1”）.addEventListener（“单击”，函数）（）{
添加按钮（投标）；
添加事件侦听器（bid）；
投标价+=1；
});
功能添加按钮（按钮id）{
var div=document.getElementById（“top”）；
div.innerHTML=div.innerHTML+“按钮”+按钮id+”；
}
函数添加事件侦听器（按钮id）{
document.getElementById（“按钮”+按钮id）.addEventListener（“单击”，函数）（）{
添加按钮（投标）；
添加事件侦听器（bid）；
++投标；
});
}

提供的代码可以正常工作，除了（

document.body.appe..

）。在你执行它的情况下，它可能不会起作用。我只想创建一个名为btn_rv_1的“创建另一个按钮”的按钮。你的问题不是这样吗？相应地更新它以了解问题。我不能在问题上加上不明显的错误sirno先生，我的意思是当我点击按钮时，它会触发另一个id为btn_rv_1的按钮不，先生，我的意思是当我点击按钮时，它会触发另一个id为btn_rv_1_1的按钮，所以我刚刚更新了我的答案。这就是你要找的吗？先生，请你补充一下，当我点击第二个按钮时，它会触发另一个名为“btn_rv_1_1”的按钮，依此类推，但它在id中不是它自己的名字，我不明白。你能澄清一下吗？当我点击

主按钮时

会发生什么？例如，当我点击添加按钮（

btn_rv_1_1

）时，会发生什么？请解释所有按钮点击的所有场景。是的，我知道。但是id必须是btn_rv_1，当我单击它时，它必须创建另一个按钮btn_rv_1_1，以便您可以调用两个不同的函数，如onClick=“fire（）；addbutton（）”，但这不是最好的方法，但您可以轻松实现您的要求。请给我代码，我是编程初学者，谢谢（这是我这里的第一个问题）你能解释一下你的要求吗

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;
    });
}