Javascript 使用getElementById查找子元素的子元素

我必须编辑表的内容和属性。这个DOM由第三方工具提供，我使用JavaScript编辑不同的部分

我必须编辑的内容

---

您有两个选择：

您可以使用查找表：

var table = document.querySelector("#myId table");

var div = document.getElementById("myId");
var table = div.querySelector("table");
// Or: var table = div.getElementsByTagName("table")[0];

document.querySelector接受任何有效的CSS选择器并返回第一个匹配项，因此选择器是myId表

您可以使用document.getElementById获取div，然后在该元素上使用或而不是document来查找表：

var table = document.querySelector("#myId table");

var div = document.getElementById("myId");
var table = div.querySelector("table");
// Or: var table = div.getElementsByTagName("table")[0];

请注意getElementsByTagName版本上的[0]，因为您得到的是一个HTMLCollection，而不仅仅是一个元素

---

MDN的材料相当好。更一般地说，它的覆盖范围相当好。

假设出于任何原因您不能直接选择表[1]，那么您可以调用chain.children[0]，或者更好的firstElementChild

let table=document.getElementById'myId'。firstElementChild.firstElementChild.firstElementChild； 控制台。日志表； 我必须编辑的内容

---

firstElementChild属性返回一个DOM对象，您可以在其中使用相同的firstElementChild属性。请看文档：

或者，如果您需要某个特定项目，但该项目不是第一个，则需要使用children属性：

document.getElementById("myId").children[2].children[2]