DOM0 / DOM1 javascript：如果Element有边框删除它，如果没有添加它

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;