如何获取Node的id名称？

Question

我有一个 div 标记，如下所示：

<div id="DataEntryForm" style="position:absolute; left:100px;top:175px;width:350px;  z-index:2;background-color:yellow; visibility:hidden;border-top-color: black;">
    <table id="DataEntryFormTable" style=" width:100%" style="margin-top: -50px;">
        <tr><td>&nbsp;Build Name</td><td> <input type="text" id="BuildName" name="BuildName" value="" /></td></tr>
        <tr><td>&nbsp;Build Description</td><td> <input type="text" id="BuildDesc" name="BuildDesc" value="" /></td></tr>
        <tr><td>&nbsp;Software Details</td><td> <input type="text" id="SoftwareDetail" name="SoftwareDetail" value="" /> </td></tr>
        <tr><td>&nbsp;Hardware Details</td><td> <input type="text" id="HardwareDetail" name="HardwareDetail" value="" /> </td></tr><br>
        <tr><td>&nbsp;</td></tr>
        <tr>
            <td>
                <input type="button" value="Save" onclick="saveRecord()" /></td>
            <td> <input type="button" value="Cancel"  onclick="cancelOperation()"/></td>
        </tr>
        <br>
    </table>
</div>

我想将数据库中的值加载到输入类型文本中。因此，我需要获取每个节点的 id，以便与我的 json 值和节点 id 相匹配，并将值分配给它。我正在尝试通过以下方法来实现这一目标。但是，我无法获取 id 值。任何人，请帮我解决这个问题。谢谢 ..

var nodes = deform.childNodes;
index =0;

// Load the first record in the collection.
// It is expected to have only one object in JS Object collection
var dbRecord= dbRecords[0];

while (index < nodes.length)
{
    if(nodes[index].type=="text")
    {
        nodes[index].value = dbRecord[nodes[index].id];
    }

    index++;
}

Answer 1

id 是正确的属性。问题是您没有检索您尝试从表中检索的节点。使用 .children() 或 .childNodes() 只能获取元素的直接子元素，因此您需要进一步深入到表中以访问您尝试填充的文本输入。或者，如果您想使用 jQuery，单个选择器就可以解决问题：

$("#DataEntryFormTable input[type='text']")

如果您不使用 jQuery，我会使用.children() 递归地查找您要查找的元素。

编辑：另外，请确保在调用函数时包含括号，因此
var 节点 = deform.childNodes;
会是
：

再次编辑
...我没有看到你提供的数据。由于 JSON 数据中有所需的 ID，因此您可以直接使用这些 id 查找元素。试试这个：

dbRecord= [{"HardwareDetail":"[B","BuildDesc":"Testing1","BuildID":"BL002","BuildName":"Se­cond Name","SoftwareDetail":"ss"}];
record = dbRecord[0];
for (attr in record){
    el = document.getElementById(attr);
    if (el)
        document.getElementById(attr).value = record[attr];
    else
        console.debug('no HTML element with ID ' + attr);
}

我认为 console.debug 在某些浏览器（IE？）中不起作用，因此当您完成测试时，您需要将该部分删除。