在 Javascript 文件中的屏幕上打印 html 输入属性和变量 - print html input properties and variables on screen in Javascript file

print html input properties and variables on screen in Javascript file

我从输入文本控件（在 PHP 文件中）调用 JavaScript 函数：

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

这是 javascript 文件中的函数：

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

现在我需要调试这个控件并查看其属性、变量和值（不使用 Visual Studio，而是使用"eclipse"）。所以我想我唯一的选择是在屏幕上打印 HTML 输入控件的属性，但是当我执行警报（控件）时，我收到"[对象 HTMLInputElement]"消息，而不是控件的属性。

如何调试 HTML 控件？如果不能，如何打印其属性和变量？

您引用的属性实际上称为属性。让我们创建一个函数，该函数将迭代元素的属性，将它们列在一个格式良好的字符串和警报中。

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"));