javascript - DOM0 / DOM1 javascript：如果元素有边框将其删除，如果没有添加它

Question

我有一个页面，上面有两张图片。一个有边界，一个没有。

需要创建功能，因此如果存在边框，则会将其删除。如果不存在，则添加。

仅使用 DOM0/1 javascript，没有 Jquery .toggleClass 或你有什么。不知从何下手……

Answer 1

一个非常简单的例子......

html:

<div style="border:1px solid black;">hello</div>
<div>and hi</div>

js：

toggleBorder = function(e)
{   
    if(e.target.style.border == "")
        e.target.style.border = "1px solid black";
    else
        e.target.style.border = "";
}

var divs = document.getElementsByTagName("div");

divs[0].onclick = toggleBorder;
divs[1].onclick = toggleBorder;