從Javascript刪除輸入框陰影

Question

我想通過javascript刪除所有輸入元素的陰影框。我已經嘗試過，但它不起作用。

document.getElementsByTagName('input').style.boxShadow = ''; 

Answer 1

Array.prototype.forEach.call(document.getElementsByTagName('INPUT'), function(el) { 
    el.style.boxShadow = ''; 
}); 

getElementsByTagName返回NodeList，這是有點像一個Array;擁有length財產，並且是可枚舉的，但沒有其他的好東西。

下面是你應該更喜歡一種替代方案：

var elements = document.getElementsByTagName('INPUT'); 
var len = elements.length; 
for(var i = 0; i < len; ++i) { 
elements[i].style.boxShadow = ''; 
} 

但如果我是你，我想我的時間投入到學習jQuery的，因爲這樣的：

$("input").css("boxShadow", "none");