<script 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>