Question

我为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">

Answer 1

将您的功能修改为

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

Answer 2

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

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

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

为JavaScript创建一个简写函数

2 个答案: