php - 在 Javascript 文件中在屏幕上打印 html 输入属性和变量

Question

我从输入文本控件(在 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 输入控件的属性，但是当我执行警报(控件)时，我收到“[object 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"));