Question

我正在编写代码，然后我发现需要选择firstChild以外的其他内容，但我不知道编写此代码的语法。我在网上搜索，希望能找到一些关于它们的API文档，但一无所获。选择其他子元素的代码是什么？就像说我想在元素中选择第4个子元素，代码是什么？我只知道选择第一个子元素的代码。

dom.el("playeravatar").firstChild.innerHTML = '<img src="dwarfs/dwarf14.jpg" style="max-width: 200px; max-height: auto" alt="Dwarf">';

Answer 1

您可以使用DOM对象children，它为您提供元素的所有子项。

例如，如果要获取名为text的元素的第三个子项（0,1,2）的属性playeravatar，则代码应为：

var c = document.getElementById("playeravatar").children[2].text;

Answer 2

您可以使用jQuery选择器 :nth-child(n) ，例如，如果您需要选择元素中的第4个子项，请使用 :nth-child(4)

<div id="parent">
  <div>
    <span>first-child</span>
  </div>
  <div>
    <span>second-child</span>
  </div>
  <div>
    <span>third-child</span>
  </div>
  <div>
    <span>fourth-child</span>
  </div>
</div>

$(document).ready(function () {
      alert($("#parent div:nth-child(4)").html());
      $("#parent div:nth-child(4)").html('<a href="http://www.google.com">Google</a>');
});

Javascript：选择任何元素的子句的语法是什么？

2 个答案: