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;