javascript - 从 Javascript 中的元素数组通过 id 访问 HTML 元素不起作用

Question

我正在尝试通过 id 访问 HTML 元素来自一组 HTML 元素。我使用 getElementsByTagName 创建了这个数组我正在尝试像这样访问这些元素:arrayName.getElementById("theId") .

基本上这就是我要实现的:

在由 onchange 事件触发的 Javascript 函数中，我收到对导致触发的元素的引用。因为它是一个表结构，所以我得到了对 <td> 的引用。元素。现在我想访问 <tr> 的所有其他元素。其中<td>是，使用每个单独元素的 id。

我的代码的一个小副本:

function chngFunction(theTd){
    var thisRow = theTd.parentNode;
    var inputs = thisRow.getElementsByTagName("input");
    alert(inputs[0].value);///////////Currently what I am doing////
    alert(inputs[1].value);///////////Currently what I am doing////
    .
    .
    .
    //////// What I would like ////////
    //// alert(thisRow.getElementById("myId").value);  // or something like that////
    /////////////// OR ///////////////
    //// alert(inputs[].getElementById("myId").value); // or something like that////
    ///////////////////////////////////

这就是我想要的，因为目前如果我对我的 jsp 进行任何结构更改，我也必须对 js 进行更改(这可能会留下错误)。所以使用 id 来访问单个元素会很棒。

请帮帮我。

Answer 1

根据定义，id 值是 unique throughout the entire document .因此，没有 HTMLElement#getElementById 仅从该元素的后代中按 ID 检索元素。相反，有 document.getElementById全局查找它们(因为 id 值在文档中是全局唯一的)。因此，如果您使用 id 值:

alert(document.getElementById("myId").value);