메뉴 건너뛰기

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>

  1. 스타일로 제목 자르기

    Date2016.09.12 Views5833
    Read More
  2. 시간 계산하기 (시/분/초/ 더하기, 빼기)

    Date2021.08.20 Views1710
    Read More
  3. 양력-음력

    Date2015.02.03 Views7673
    Read More
  4. 에러처리

    Date2019.01.16 Views1066
    Read More
  5. 엑셀처럼 td 사이즈 조절하기

    Date2019.01.16 Views3393
    Read More
  6. 엔코딩/디코딩 함수

    Date2016.09.21 Views6033
    Read More
  7. 엔터키 / enter key submit form

    Date2018.09.28 Views1528
    Read More
  8. 연관배열 사용하기

    Date2016.09.21 Views7134
    Read More
  9. 영문, 숫자, 한글, 이메일 체크 하는 함수

    Date2014.03.01 Views5292
    Read More
  10. 예제 - 이미지를 원본 크기로 볼 수 있도록 새창으로 열기 확장 (리사이징 및 이미지 드래그)

    Date2015.06.19 Views6798
    Read More
  11. 예제 - 자바스크립트로 현재 달의 달력 만들기 (calendar)

    Date2015.06.19 Views10063
    Read More
  12. 오늘 날짜 구하기

    Date2018.11.07 Views1416
    Read More
  13. 오브젝트 속성

    Date2021.03.25 Views237
    Read More
  14. 우클릭 금지

    Date2016.12.23 Views5701
    Read More
  15. 월의 마지막 날짜 계산하기

    Date2021.08.20 Views242
    Read More
  16. 유용한 스크립트 모음

    Date2018.07.24 Views2294
    Read More
  17. 유효성 검사, 모든 폼에 값이 입력되도록 해보자!

    Date2015.02.03 Views6125
    Read More
  18. 유효한 링크인지 확인하는 JAVASCRIPT

    Date2019.01.16 Views112119
    Read More
  19. 이동 가능한 레이어팝업 소스

    Date2016.09.01 Views7166
    Read More
  20. 이메일 체크하기

    Date2014.03.01 Views5205
    Read More
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved