Как изменить значение атрибута при клике на список?

Чтобы изменить значение атрибута при клике на список в JavaScript, вам понадобится следующий код:

HTML:

<ul>
  <li onclick="changeAttributeValue('myElement', 'myAttribute', 'new value')">Item 1</li>
  <li onclick="changeAttributeValue('myElement', 'myAttribute', 'another value')">Item 2</li>
</ul>

JavaScript:

function changeAttributeValue(elementId, attribute, value) {
  var element = document.getElementById(elementId);
  element.setAttribute(attribute, value);
}

В данном примере мы создаем неупорядоченный список <ul>, в котором каждый элемент списка <li> имеет атрибут onclick. При клике на элемент списка будет вызываться функция changeAttributeValue, которая принимает три аргумента: идентификатор элемента, имя атрибута и новое значение атрибута.

В функции changeAttributeValue мы получаем элемент по его идентификатору с помощью метода getElementById и затем используем метод setAttribute для изменения значения атрибута.

Например, при клике на первый элемент списка "Item 1" атрибут с идентификатором myAttribute элемента с идентификатором myElement будет установлен в значение "new value". Аналогично, при клике на второй элемент списка "Item 2" атрибут будет установлен в значение "another value".

Обратите внимание, что в коде описана прямая замена значения атрибута при каждом клике на элемент списка. Если вам нужно выполнить более сложную логику или изменять несколько атрибутов, вам нужно будет изменить код примера соответствующим образом.