0

Хочу изменить через style="background-color:" напрямую , не вызывая

document.getElementById(this.id).style.backgroundColor = "#ffffff";

а записав его напрямую в контекст this, в принципе это работает, то есть можно например сделать так

<input type="text" id="old_id" style="background-color: #ffb3b3" onkeyup="input_fn(this)">

и затем сделать

function input_fn() {this.id = "new_id"}

и в хроме всё прекрасно работает, id элемента изменит значение, но вот в ОЧЕНЬ длинном списке this'а я ненашёл ничего подобного style , может кто подскажет где он там запрятан ??

2
  • так я не понял, в итоге вы хотите id поменять или style? что это за функция function () {this.id = "new_id"} и где она вызывается? зачем делать так document.getElementById(this.id) если уже есть this?
    – Grundy
    20 дек 2015 в 11:20
  • изменить то я хочу style, я просто привёл пример что это работает, пока не встречал такой способ работы с элементами DOM и незнаю насколько он валиден, чисто технически проблем быть не должно
    – user26807
    20 дек 2015 в 11:36

1 ответ 1

0

function input_fn(elem){
  elem.style.backgroundColor = "#ffffff";
}
<input type="text" id="old_id" style="background-color: #ffb3b3" onkeyup="input_fn(this)">

4
  • спасибо , всё работает, странно что в console.dir этого объекта не показывает атрибута style
    – user26807
    20 дек 2015 в 11:40
  • Perkovec у нас с тобой просто карма в действии :)
    – user26807
    20 дек 2015 в 14:38
  • @vnn198 непонял, что?
    – Perkovec
    20 дек 2015 в 15:15
  • ну если помнишь я тебе когда то помог с запуском экзешника в ноде :)
    – user26807
    20 дек 2015 в 15:23

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки