메뉴 건너뛰기

2021.03.25 14:38

오브젝트 속성

조회 수 237 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
t type="text/javascript">
var obj= document.getElementById("object");
 for(var x in obj)
{
	//aaa;
   document.write("<B>"+ x + "</B>" + " : ", [obj[x]] + "<br />");
}
</script>

위의 소스에서 "object" 부분에 자신이 알고 싶은 오브젝트의 id 값을 넣고 실행시켜 보면, 해당 오브젝트의 모든 값이 나온다. 한 오브젝트에 이렇게 많은 속성들이 있는줄은 몰랐다..

<input type="text" name="aaa" id="aaa" />
<script type="text/javascript">
var obj= document.getElementById("aaa");
 for(var x in obj)
{
   document.write("<B>"+ x + "</B>" + " : ", [obj[x]] + "<br />");
}
</script>

위와 같이 하고 실험을 하면...
아래와 같이 나온다.. 길다.....ㅡ/.ㅡ;

 
nextSibling : [object]
onresizeend : 
onrowenter : 
aria-haspopup : 
childNodes : [object]
ondragleave : 
canHaveHTML : false
onbeforepaste : 
ondragover : 
onbeforecopy : 
aria-disabled : 
onpage : 
recordNumber : 
previousSibling : 
nodeName : INPUT
onbeforeactivate : 
accessKey : 
currentStyle : [object]
scrollLeft : 0
onbeforeeditfocus : 
oncontrolselect : 
aria-hidden : 
onblur : 
hideFocus : false
clientHeight : 18
style : [object]
onbeforedeactivate : 
dir : 
aria-expanded : 
onkeydown : 
nodeType : 1
ondragstart : 
onscroll : 
onpropertychange : 
ondragenter : 
id : aaa
aria-level : 0
onrowsinserted : 
scopeName : HTML
lang : 
onmouseup : 
aria-busy : 
oncontextmenu : 
language : 
scrollTop : 0
offsetWidth : 155
onbeforeupdate : 
onreadystatechange : 
onmouseenter : 
filters : [object]
onresize : 
isContentEditable : true
aria-checked : 
aria-readonly : 
oncopy : 
onselectstart : 
scrollHeight : 18
onmove : 
ondragend : 
onrowexit : 
lastChild : 
aria-secret : 
onactivate : 
canHaveChildren : false
onfocus : 
onfocusin : 
isMultiLine : false
onmouseover : 
offsetTop : 16
oncut : 
parentNode : [object]
tagName : INPUT
className : 
onmousemove : 
title : 
role : 
behaviorUrns : [object]
onfocusout : 
onfilterchange : 
disabled : false
parentTextEdit : [object]
ownerDocument : [object]
offsetParent : [object]
aria-posinset : 0
ondrop : 
ondblclick : 
onrowsdelete : 
tabIndex : 0
onkeypress : 
aria-relevant : 
onlosecapture : 
innerText : 
aria-live : 
parentElement : [object]
ondeactivate : 
aria-labelledby : 
aria-pressed : 
children : [object]
ondatasetchanged : 
ondataavailable : 
aria-invalid : 
onafterupdate : 
nodeValue : 
onmousewheel : 
onkeyup : 
readyState : complete
onmovestart : 
aria-valuenow : 
aria-selected : 
onmouseout : 
aria-owns : 
aria-valuemax : 
onmoveend : 
contentEditable : inherit
document : [object]
firstChild : 
sourceIndex : 5
outerText : 
isTextEdit : true
isDisabled : false
oncellchange : 
runtimeStyle : [object]
scrollWidth : 151
aria-valuemin : 
onlayoutcomplete : 
onhelp : 
attributes : [object]
offsetHeight : 22
onerrorupdate : 
onmousedown : 
clientTop : 2
aria-setsize : 0
clientWidth : 151
onpaste : 
tagUrn : 
onmouseleave : 
onclick : 
outerHTML : <input id="aaa" name="aaa" />
ondrag : 
aria-controls : 
onresizestart : 
aria-flowto : 
ondatasetcomplete : 
aria-required : 
clientLeft : 2
aria-describedby : 
all : [object]
onbeforecut : 
innerHTML : 
aria-activedescendant : 
aria-multiselectable : 
offsetLeft : 10
onchange : 
border : 
lowsrc : 
value : 
status : false
readOnly : false
hspace : 0
dataSrc : 
alt : 
maxLength : 2147483647
vspace : 0
dataFld : 
onerror : 
align : 
loop : 1
onabort : 
src : 
complete : false
width : 0
form : 
start : fileopen
vrml : 
accept : 
dynsrc : 
dataFormatAs : 
onload : 
size : 20
indeterminate : false
checked : false
height : 0
defaultChecked : false
type : text
name : aaa
onselect : 
useMap :  

언젠가.. 해당 오브젝트가 가지고 있는 어떤 값을 알고 싶은데 알수가 없어서 찾아보다가 알아낸 것..

//----------추가사항 2014.5.15

<script type="text/javascript">
var obj= document.getElementById("aaa");
 for(var x in obj)
{
   document.write("<B>x__"+ x + "</B>" + " : ", [obj[x]] + "<br>");
   for(var y in obj[x]) document.write("<B>y__"+ y + "</B>" + " : ", [obj[x][y]] + "<br>");
   document.write("___________________<br><br><br>");
}
</script>

List of Articles
번호 제목 날짜 조회 수
47 유효한 링크인지 확인하는 JAVASCRIPT 2019.01.16 111904
46 금액에 점찍고 한글 표시하기 2019.01.16 1271
45 텍스트박스 입력제한(숫자,영문,한글,특수기호) 2019.01.16 1991
44 span - 동적으로 글자 바꾸기, 보이기 안보이기 2019.01.16 1446
43 풍선도움말 2019.01.16 1167
42 랜덤 배너 노출 스크립트 2019.04.29 11031
41 Alert, Confirm을 모달 팝업으로 만들기 file 2021.03.09 3885
40 Javascript - 이미지 미리보기 회전되어 나옴(EXIF) file 2021.03.09 36275
39 Javascript - 화면 캡처 후 서버에 저장하기(html2canvas 사용법, 주의사항) file 2021.03.09 2164
38 Javascript - 입력한 년, 월의 마지막 날짜 구하기 2021.03.09 224
37 Javascript - Calendar 달력 생성하고 제어하기 2021.03.09 513
36 Javascript - 사업자 등록번호 유효성 체크 file 2021.03.09 1089
35 Javascript - 유효성 체크(이메일 정규식, IP 정규식, 비밀번호 등) 2021.03.09 726
34 javascript - vanillaJS로 체크박스(checkbox) 제어하기 file 2021.03.09 498
33 Javascript - form태그 내부 ajax처리시 2번 전송되는 현상 2021.03.09 268
32 Javascript - Free SVG 한국맵 제어 처리 file 2021.03.09 870
31 Javascript - 입력받은 숫자를 순서대로 홀짝 별로 배열에 삽입하기 2021.03.09 302
30 HTML, Javscript - 선택한 색상으로 배경색 바꾸기(pallet 만들기) file 2021.03.09 712
29 jqgrid 이용한 그리드 활용하기 file 2021.03.25 2325
» 오브젝트 속성 2021.03.25 237
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved