javascript - Javascript 函数：如何引用调用该函数的元素 - 并提取该元素的值

Question

我正在尝试为每一行制作一个带有按钮的表格，我希望每个按钮将其复制并粘贴按钮本身的值到所需的字段。我的问题是我没有让 texttocopy 成为<input button value="">

copypaste(id) {
   var texttocopy = document.getElementById(this);
   var wheretocopy = document.getElementById(id);
   wheretocopy.value = texttocopy.value;
}

我已经尝试了其他一些变体，但查找语法没有结果。

function copypaste(id) {
   var texttocopy = this;
   var wheretocopy = document.getElementById(id);
   wheretocopy.value = texttocopy.value;
}

texttocopy是调用函数的任何值。

html 在 php 中，所以这就是 . 连接器和“和”的切换。

按钮在哪里： php echo '<input TYPE="BUTTON" id="barcodebutton" value ="'.$row['barcode1'].'" onclick="copypaste('."'primaryRFID'".');">'

输入数据的字段： html <INPUT TYPE="TEXT" id="primaryRFID" NAME="primaryRFID">

预期的结果是primaryRFID的输入变成按下按钮的值。

Answer 1

当您从属性内部调用函数时onclick，该函数在没有任何this绑定的情况下被调用。但是，在执行代码本身时绑定this ，onclick因此您可以将其作为常规参数传递：

onclick="copypaste(this, '."'primaryRFID'".');"

所以现在通过函数参数获取该参数值：

function copypaste(texttocopy, id) {
   var wheretocopy = document.getElementById(id);
   wheretocopy.value = texttocopy.value;
}