HTML 요소의 속성 목록

Question

자바 스크립트를 사용하여 페이지의 속성을 변경하려면 사용할 올바른 이름을 찾기가 어렵습니다.

예를 들어 단추가 있고 배경색을 변경하려면 인터넷에서 빠른 검색으로 찾을 수있는 .style.background를 사용할 수 있지만 찾을 수없는 항목은 포괄적 인 목록입니다 내가 변할 수있는 것과 관련된 모든 속성들.

같은 목록이 있습니까? 내가 왜 그들을 찾을 수 없습니까?

Answer 1

MDN을 사용하여 각 DOM 객체 유형에 대한 설명서를 찾을 수 있습니다.

Here은 예를 들어 form 요소의 DOM 인터페이스를 설명하는 페이지이며 속성 및 메서드로 완성됩니다.

당신이 콘솔을 사용하는 거라면, 나는 대화 형보기 위해 직접 객체를 기록, 대신에 단지 속성 이름 목록 로그인 권하고 싶습니다 :

var div = document.createElement('div'); 

console.log(div); 

Answer 2

var div = document.createElement('div')​; 

​for (prop in div)​ { 
    console.log(prop); 
}​ 

이 의지 목록을 해당 특정 브라우저의 div 요소에서 사용할 수있는 모든 속성

FIDDLE

element.style.background 아마 나열되지 않습니다, 즉 스타일이 아닌 속성입니다,하지만 당신은 수행하여 모든 스타일을 얻을 수 :.

var div = document.createElement('div'); 

console.log(div.style);