Изменить цвет фона элемента в JavaScript

Question

Я пытаюсь создать функцию, которая изменит цвет моего элемента (id="box") при вызове с идентификатором и именем цвета. Как я могу это сделать?

Это код:

function color(id, idColor) { 
 
    id = ''; 
 
    idColor = ''; 
 
    object = document.getElementById(id).style.background = idColor; 
 
}

<div id="box" onclick="color()">Click me</div>

Answer 1

вопрос весьма неполным. Но если я понимаю, что вы пытаетесь сделать правильно, вы хотите изменить цвет элемента, передав функции id и color. Вы можете сделать это так.

Метод 1

Invoke color функция с id и color.

function color(id, idColor) { 
 
    document.getElementById(id).style.background = idColor; 
 
}

<div id="box" onclick="color('box','red')">Click me</div>

Способ 2

Используя event объект, вместо передачи id явным образом каждый раз. Это немного лучший подход, так как вам не нужно беспокоиться об атрибутах на div (например, id). Объект event предоставляет атрибут target, который позволяет нам непосредственно захватить узел div (без необходимости делать document.getElementById(id)).

function color(event,idColor) { 
 
    event.target.style.background = idColor; 
 
}

<div id="box" onclick="color(event,'red')">Click me</div>

Invoke цвет только пропускание цвета.

Answer 2

Вы можете сделать это следующим образом. Дайте некоторую высоту и ширину для Div, чтобы щелкнуть по ней.

<div id ="mybox" onclick="changeColor('mybox','blue')" style="height:100px; width:100px"></div> 

function changeColor(id,idcolor){ 
      document.getElementById(id).style.backgroundColor =idcolor; 
     } 

Надеюсь, это ваш ответ.