2014-03-24 2 views
1

자바 스크립트로 모든 입력 요소의 상자 그림자를 제거하고 싶습니다. 나는 이것을 시도했으나 효과가 없다. 일종의 Array처럼자바 스크립트에서 입력의 상자 그림자 제거

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

없이 jQuery를, Mootools의 아니면? –

+0

나는 초보자이며 아직 jQuery를 모른다. 자바 스크립트에서만 가능합니까? – Martin

+0

CSS에서 스타일을 제거 할 수없는 이유는 무엇입니까? – Bojangles

답변

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

getElementsByTagName 반환 NodeList; 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"); 
+0

'forEach' 만 원한다면'slice'를 사용하지 않아도됩니다; 'Array.prototype.forEach.call (document.getElementsByTagName ('input'), function (e) {console.log (e);});' –