有没有办法将HTML按钮的内容复制到另一个？

我试图将HTML页面中的按钮的内容复制到另一个按钮，我尝试了下面的代码，它不起作用，它只能将文本从一个输入字段复制到另一个，如何执行相同的操作纽扣？有没有办法将HTML按钮的内容复制到另一个？

<!DOCTYPE html> 
<html> 
<body> 

Field1: <input type=text id=field1 value="Hello World!"><br> 
Field2: <input type=text id=field2><br><br> 
<button id=BT_1 type=button onclick=myFunction()>ABC</button><br> 
<button id=BT_2 type=button onclick=myFunction()>123</button> 

<P> 
<button onclick="myFunction()">Copy Text</button> 

<script> 
function myFunction() 
{ 
    document.getElementById("BT_2").value = document.getElementById("BT_1").value; 
    document.getElementById("BT_2").value = document.getElementById("field1").value; 
    document.getElementById("field2").value = document.getElementById("field1").value; 
} 
</script> 

</body> 
</html>

希望有类似以下内容：

<button id=BT_1 type=button onclick=myFunction(BT_1)>ABC</button> 

function myFunction(From_BT) 
{ 
    document.getElementById("BT_2").value = document.getElementById(From_BT).value; 
}

来源

2016-02-04 Frank

复制'.html（）'？复制'.text（）'？ “复制按钮的内容”是什么意思？文本？ –

这就是你心目中的？ https://jsfiddle.net/jimedelstein/asfh2q2c/4/

该按钮的值与innerHTML不同。

另一种解决办法是让你的JavaScript原样，但使用

<input type="button" value="Button Text" id="BT_1" onclick='myFunction()' ></input>

在这里看到两者的一个例子：http://permadi.com/tutorial/jsInnerHTMLDOM/

您还可以创建一个功能，我们称之为copy_button_text接受两个参数的源按钮和目标按钮，我们会这样称呼onclick ='copy_button_text（“BT_1”，“BT_2”）'。您将在小提琴中看到myFunction（）的作用，但每个按钮实际上都使用此功能将其文本应用到另一个按钮。

来源

2016-02-04 19:16:12

是的，你回答了问题的前半部分，第二部分是如何实现函数myFunction（From_BT）？ – Frank

@Frank对不起，我已经更新了答案和小提琴！ –

上面的链接仍然指向旧的答案，我试过/ 4 /在：https：//jsfiddle.net/jimedelstein/asfh2q2c/4/，并看到了新的样本，这是我一直在寻找，很棒！ – Frank

有没有办法将HTML按钮的内容复制到另一个？

回答

相关问题