如何将Id动态传递给javascript

上面的代码是在鼠标悬停时在文本框区域显示数据。 正如您所看到的，所有3个函数运行的代码都是相同的，不同之处只是ID 如何动态传递ID 就像我可以使用内部代码作为所有3个函数一样，以及如何使用它

下面给出的这种代码呢

function jsarea3() { document.getElementById("Txtarea3").title = document.getElementById("Txtarea3").value; }
function jsarea4() { document.getElementById("Txtarea4").title = document.getElementById("Txtarea4").value; }
function jsarea5() { document.getElementById("Txtarea5").title = document.getElementById("Txtarea5").value; }

使用参数

---

此外，您应该看看jQuery——它确实可以简化DOM操作代码。

您可以使用一个函数，该函数接受一个表示要引用元素的

id

的参数：

$('#button1').focus(function () {
      $('#button1', window.parent.document).css("background-color", "#fcc63b"); 
    }
});

---

您可以像

jsarea（“Txtarea3”）那样调用它如果要影响id为“
的元素”
“Txtarea3”。
由于使用相同的元素标题和值，因此可以存储引用，而不是搜索两次

function jsarea(number) { document.getElementById("Txtarea" + number).title = document.getElementById("Txtarea" + number).value; }

您可以使用
jsarea（'Txtarea3'）调用它

对于第二个代码，它是jQuery代码，它似乎改变了一个按钮的背景颜色，该按钮的id与在父窗口中获得焦点的按钮相同（当您使用iframes时）
如果您使用jQuery，您可以像这样选择您的文本区域

function jsarea(anId) { 
  var elem = document.getElementById(anId);
  elem.title = elem.value;
}

可以将选择器指定为更特定于要操作的项
当您的textarea获得焦点时，该功能将运行
看看jquery，它可以简化您的代码

function jsarea(anId) { 
  var elem = document.getElementById(anId);
  elem.title = elem.value;
}

$("textarea").focus(function(){
this.title = $(this).val();

});