Element 객체 내용보기
document.getElementById()
javascript를 통해 특정 Object에 대해서 어떤 속성이 있는지 궁금할 때 사용한다. 특정 Element Object이 가지는 속성(property), 함수(method), 이벤트(event)를 보고 싶다면 아래 코드처럼 사용하면 된다. 특정 Element에 대해 값을 받은 후, 해당 Object에 대해 값을 출력시키는 코드이다.
예제코드
var obj= document.getElementById("obj");
for(var x in obj) {
document.write("<B>"+ x + "</B>" + " : ", [obj[x]] + "<br />");
}
실행결과
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 : 17
style : [object]
onbeforedeactivate :
dir :
aria-expanded :
onkeydown :
nodeType : 1
ondragstart :
onscroll :
onpropertychange :
ondragenter :
id : obj
aria-level : 0
onrowsinserted :
scopeName : HTML
lang :
onmouseup :
aria-busy :
oncontextmenu :
language :
scrollTop : 0
offsetWidth : 152
onbeforeupdate :
onreadystatechange :
onmouseenter :
filters : [object]
onresize :
isContentEditable : true
aria-checked :
aria-readonly :
oncopy :
onselectstart :
scrollHeight : 17
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 : 10
outerText :
isTextEdit : true
isDisabled : false
oncellchange :
runtimeStyle : [object]
scrollWidth : 148
aria-valuemin :
onlayoutcomplete :
onhelp :
attributes : [object]
offsetHeight : 21
onerrorupdate :
onmousedown :
clientTop : 2
aria-setsize : 0
clientWidth : 148
onpaste :
tagUrn :
onmouseleave :
onclick :
outerHTML : <input id="obj" name="obj">
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 : obj
onselect :
useMap :
