有沒有辦法將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按鈕的內容複製到另一個？

回答

相關問題