使用变量来定义元素
using a variable to define elements
我的函数使用我在输入标记中定义的两个变量
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();
...
}
附带说明:与内联相比,不引人注目的事件处理程序更可取。
相关文章:
- Webdriver.io pageObject模式-通过传递参数来定义元素选择器
- 如何使用javascript独立地为聚合物自定义元素的每个实例的lightdom设置样式
- 注册后是否可以定义HTML5自定义元素中的生命周期回调
- 如何在 Aurelia(奥雷利亚)中访问自定义元素中的变量
- Javascript 向影子根中的自定义元素添加函数
- 在自定义元素中扩展 HTMLCanvasElement 问题
- 聚合物 - 访问自定义元素内的 DOM 输入元素
- 在具有CONTENT标记的自定义元素中使用SELECT标记时出现问题
- 聚合物种子-自定义元素依赖关系
- 自定义元素在JavaScript中创建
- 访问嵌套Polymer自定义元素中的JavaScript方法
- 当.js和.html不在同一文件夹中时,如何在Aurelia中创建自定义元素
- 自定义元素之间的聚合物双向结合[包括示例]
- 从 React 中的自定义元素中修改属性
- 聚合物:创建一个“;一般的“;自定义元素
- Aurelia-仅HTML自定义元素的内联定义
- 手动编译由 aurelia 中的其他自定义元素组成的 dom 元素
- 为什么我们必须注册一个自定义元素
- 聚合物自定义元素和聚合物手势
- 在 aurelia 中使用 repeat.for 绑定自定义元素的正确方法是什么