javascript - childNodes 的基本 JavaScript 问题

Question

我是 JS 初学者。我发布这个问题是因为我已经尝试寻找解决方案 2 个小时(现在是凌晨 3:00，我非常想 sleep )。感谢您的理解。

我想获取标记名 div 的子节点。然后提醒姓名 (txtPhone)。

<div class="formfield">
  <input id="txtPhone" name="txtPhone" />

所以:

alert(document.getElementsByTagName("div")...?);

非常感谢!

Answer 1

仅使用 JavaScript，您要查找的属性是 firstChild .

提醒元素的名称:

alert(document.getElementsByTagName("div")[0].firstChild.name);

请注意，您使用的是 getElementsByTagName，它返回所有 div 元素的数组 - 在我上面的示例中，我正在访问该集合中的第一个元素，因此只有当您的 div 是第一个元素时，它才会返回正确的链接在页面上。

为了解决这个问题，我建议给你想要定位的 div 标签一个 id，然后改用 getElementById("id"):

<div class="formfield" id="divPhone">
    <input id="txtPhone" name="txtPhone" />

和

alert(document.getElementsById("divPhone").firstChild.name);

如果您真的想定位一组元素，我建议使用 jQuery 的选择器来定位特定元素，例如 $(".formfield").firstChild.name