使用变量来定义元素

using a variable to define elements

本文关键字:定义 元素 变量      更新时间:2023-09-26

我的函数使用我在输入标记中定义的两个变量

function insert(aTag, eTag) {
 var input = document.forms['form'].elements['textarea'];
 input.focus();
...
}

<input type="button" name="bold" value="bold" onClick="insert('<b>', '</b>')">

该功能将在文本区域中的选定零件周围放置aTag和eTag。由于我想以相同的形式在其他文本区域中使用此函数,我尝试在该函数中使用另一个变量。不幸的是,这行不通。

我尝试了很多变体。类似这里的概念:

function insert(aTag, eTag, selectInput) {
 var input = document.forms['form'].elements[selectInput];

<input type="button" name="bold" value="bold" onClick="insert('<b>', '</b>', 'thistextarea')">

在onClick处理程序中,this指的是被单击的对象。所以你可以简单地做:

<input type="button" name="bold" value="bold" onClick="insert('<b>', '</b>', this)">

该功能将接收对象,而无需从任何位置重新选择:

function insert(aTag, eTag, input) {
    input.focus();
    ...
}

附带说明:与内联相比,不引人注目的事件处理程序更可取。