메뉴 건너뛰기

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
번호 제목 날짜 조회 수
247 유효한 링크인지 확인하는 JAVASCRIPT 2019.01.16 111985
246 [jQuery] 상위부터 차례로 지역 선택하기 2014.03.01 45980
245 Javascript - 이미지 미리보기 회전되어 나옴(EXIF) file 2021.03.09 36298
244 javascript 인쇄 미리보기, 출력, 페이지 설정 등 2014.03.01 32479
243 Checkbox : 체크박스 체크여부 확인 file 2015.06.19 19010
242 날짜 및 시간 입력 구현하기, Bootstrap DateTimePicker file 2017.04.06 16532
241 공백 검사 함수 2015.06.19 14595
240 선택(CheckBox) 된 Row 삭제 - 화면에서 추가된 Row 2015.04.28 13538
239 'focus', 엔터 누르고 이동하자! file 2015.02.03 12857
238 라디오버튼 선택 체크여부 radio checked 2014.03.01 12669
237 셀렉트(select) change Ajax 이벤트 2016.12.23 12579
236 input type file multiple list (파일 업로드 리스트 확인) file 2016.11.17 12435
235 간단한 동적 SELECT 박스 구현하기 2016.10.06 12368
234 GET방식으로 전송시 특수문자함께 전송하는 방법 2016.12.22 12338
233 텍스트박스(input type = "text") 숫자 증가, 감소 시키기 - 쇼핑몰 주문 수량 file 2015.06.19 12283
232 창 크기 최대화 시키기 file 2015.06.19 12224
231 [jQuery] 실시간 검색어 순위 순서대로 보여주기 2014.03.01 12017
230 jquery 메뉴 - 아래로 한번에 전체가 펼처짐 file 2015.04.06 11698
229 'Array', 배열 및 다차원 배열 선언에 대해 알아보자! 2015.02.03 11110
228 랜덤 배너 노출 스크립트 2019.04.29 11040
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved