Как изменить цвет рамки изображения в режиме onBeforeDrag?

Question

У меня есть элемент html img с атрибутом источника.Как изменить цвет границы изображения при перетаскивании?

<image src='" + "#src#" + "' height='185' width='150' />

ниже - мое событие onBeforeDrag .

$$("imageList").attachEvent("onBeforeDrag", function (context, ev) {
    if (ev.target.currentSrc != null) {
        //var imagepath = ev.target.currentSrc;
        document.getElementsByTagName('img').css = "myborder";
        console.log(document.getElementsByTagName('img'));
    }
});

css:

 .myborder {
    background:#D652D9;
    padding:12px;
    border:1px solid #999; }

Answer 1

document.getElementsByTagName() возвращает объект, содержащий коллекцию элементов.Таким образом, .css не является свойством этого объекта, это также не свойство каждого из объектов в этой коллекции.Появляется, что вы хотите присвоить элементу имя класса css.Вы делаете это с помощью .classList.add().

. Чтобы исправить эту часть, я рекомендую использовать document.querySelectorAll(), поскольку она возвращает другой тип коллекции, называемый NodeList.Причина, по которой это изменение важно, заключается в том, что он имеет метод forEach().Таким образом, вы можете сделать это:

document.querySelectorAll('img').forEach(i=>i.classList.add("myborder"));

Этот бит кода назначит имя класса css "myborder" каждому изображению на странице.