인쇄 HTML 입력 속성 및 변수

Question

난 (PHP 파일에) 입력 텍스트 컨트롤에서 자바 스크립트 함수를 호출하는 파일을

:

<input name="first_name" id="first_name" size="30" maxlength="25" type="text" value="{$fields.first_name.value}" onblur="checkvalid(this);"> 

이 자바 스크립트 파일의 함수

function checkvalid(control){ 
    alert(control); 
} 

이제이 컨트롤을 디버그하고 해당 속성, 변수 및 값 ('eclipse'를 사용하여 Visual Studio를 사용하지 않음)을 확인해야합니다. 그래서 내 유일한 옵션을 화면에 HTML 입력 컨트롤의 속성을 인쇄하지만 경고 (컨트롤) 할 때 "개체 HTMLInputElement]"메시지 및 컨트롤의 속성을 얻을 것 같아요.

어떻게 HTML 컨트롤을 디버깅 할 수 있습니까? 내가 할 수 없다면 어떻게 그 속성과 변수를 출력 할 수 있습니까?

Answer 1

참조하는 속성은 실제로 속성이라고합니다. 엘리먼트의 애트리뷰트를 반복하고, 정형화 된 문자열로 나열하고 경고하는 함수를 만들어 보겠습니다.

function check(element) { 
    var attrs = element.attributes; 
    var output = ""; 

    for (var i = 0; i < attrs.length; i++) 
     output += attrs.item(i).name + ': ' + attrs.item(i).value + '\n'; 

    alert(output); 
} 

이제 요소에 대해 설명하겠습니다. id="first_name"이 있으므로 document.getElementById을 사용할 수 있습니다.

check(document.getElementById("first_name"));