Создание функции короткой руки для JavaScript

Question

Создание функции короткой руки для JavaScript

0

Я делаю сокращенную функцию для построения функции 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">

Satpal 03 янв. 2014, в 10:07

Источник

0

Где вы определили document.editById ?
Blender 03 янв. 2014, в 08:16

Теги:

javascript

html

2 ответа

-1

функция editById зарегистрирована в документе Object, но в окне. вы не можете вызвать функцию, подобную этой

вы можете вызвать функцию, подобную этой

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

jingyinggong 03 янв. 2014, в 07:13

0

Я попробовал это, но это не сработало. @Satpal исправил это мое добавление return
user3117575 03 янв. 2014, в 08:20
0

да, это правильно, 1-й этаж
jingyinggong 03 янв. 2014, в 08:22

Ещё вопросы

Я попробовал это, но это не сработало. @Satpal исправил это мое добавление return

Satpal · Accepted Answer · 2014-01-03T07-07-00.000Z

Измените свою функцию как

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

Ха, должен был знать. Огромное спасибо.
Или, если вы хотите быть var editById = document.getElementById.bind(document); , var editById = document.getElementById.bind(document);
@Xero, document.getElementsByTagName с возвратом вам HTMLCollection элементов с заданным именем тега. и document.getElementsByClassName вернет набор элементов, которые имеют все заданные имена классов. Так что вы должны использовать как document.editByClass("test")[0]
Я не позволю мне ни секунды назад. Еще раз спасибо!