Object의 모든 속성(Attribute)값 출력하기 썰

javascript에서 말하는 Object는 javascript 자체이며 속성 또는 메서드라고 하는 명명 된 값의 컨테이너이다.

JavaScript objects are containers for named values called properties or methods.

Object안에 담겨있는 모든 속성을 출력해보고 싶을 때 사용할 수 있는 예제코드이다.

1) iframe에서 http://www.naver.com을 Load한다.

<iframe id="naverFrame" class="naverFrame" src="http://www.naver.com" onload="showAttribute(this)" width="400" height="400"></iframe> <textarea id="attr_show" class="attr_text" rows="30" cols="200"> </textarea>

2) Load가 완료되면 자기 자신을 인자로 하여 showAttribute() 함수를 호출한다.
3) 다음의 메서드(showAttribute 함수에서는 전달된 object의 모든 attribute에 대해서 name, value, type을 
   작성한 뒤 TextArea에 출력한다.

function showAttribute(obj) {   try {     var data = '';          for (var attr in obj) {       if (typeof(obj[attr]) == 'string' || typeof(obj[attr]) == 'number') {         data = data + 'Attr Name : ' + attr + ', Value : ' + obj[attr] + ', Type : ' + typeof(obj[attr]) + '\n';       } else {         data = data + 'Attr Name : ' + attr + ', Type : ' + typeof(obj[attr]) + '\n';       }     }     document.getElementById('attr_show').value = data;   } catch (e) {     alert(e.message);   } }

document.getElementById('attr_show').value = data; 

부분 대신에

console 창을 활용하여 확인이 가능하다. 

for (var key in tv) {     console.log("Attributes : " + key); }