为JavaScript创建一个简写函数

时间:2014-01-03 08:15:13

标签: javascript html

我为JavaScript函数构建了一个速记函数:

function editById(getId) {
  document.getElementById(getId);
}

然后我尝试在我的script.js中使用它:

function run() {
  document.editById("test").style.color="blue";
}

然后我的HTML:

<p id="test">TestTestestestse</p>
<input type="button" onclick="run()" value="Change text color">

这不适用于editById,但确实getElementById ...

ABOVE SOLVED


添加到:

现在这不起作用:

shortHand.js

// Long term document functions
document.editById = function (find) { return document.getElementById(find); }
document.editByClass = function (find2) { return document.getElementsByClassName(find2); }
document.editByTag = function (find3) { return document.getElementsByTagName(find3); }

的script.js

function run() {
  document.editById("test").style.color="blue";
}
function run2() {
  document.editByClass("test").style.color="blue";
}
function run3() {
  document.editByTag("h1").style.color="blue";
}

HTML

<p id="test">TestTestestestse</p>
<p class="test">TestTestestestse222</p>
<h1>TestTestestestse368585475</h1>
<input type="button" onclick="run()" value="Change text color">
<input type="button" onclick="run2()" value="Change text color">
<input type="button" onclick="run3()" value="Change text color">

2 个答案:

答案 0 :(得分:6)

将您的功能修改为

function editById(getId) {
  //return object
  return document.getElementById(getId);
}

function run() {
  editById("test").style.color="blue";
}

DEMO

此外,您还可以使用

document.editById = function (getId) {
  return document.getElementById(getId);
}

function run() {
  document.editById("test").style.color = "blue";
}

DEMO

答案 1 :(得分:-1)

函数editById在文档Object上注册但在窗口上。 你不能像这样调用这个函数

你可以像这样调用这个函数

function run() {
  editById("test").style.color="blue";
}