如何在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()返回一個包含元素集合的Object。 因此， .css不是該對象的屬性，也不是該集合內每個對象的屬性。 在IT看來，您想為該元素分配一個CSS類名稱。 您可以使用.classList.add()做到這.classList.add() 。

要修復該部分，建議您使用document.querySelectorAll()因為它會返回另一種類型的集合，稱為NodeList。 此更改很重要的原因是因為它具有forEach()方法。 因此，您可以執行以下操作：

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

這段代碼將為頁面上的每個圖像分配css類名稱“ myborder”。