JavaScript 获取 标签下子标签的详尽指南198

childNodes 属性返回一个包含元素所有子节点的 NodeList 对象。通常，第一个子节点是文本节点，包含超链接文本。要获取所有子标签，可以使用以下代码：
const anchor = ('myAnchor');
const subTags = ;

通过 children 属性

您可以使用子标签的索引来获取它。第一个子标签的索引为 0，以此类推。要获取第二个子标签，可以使用以下代码：
const anchor = ('myAnchor');
const secondSubTag = [1];

通过 id 或类名

如果子标签具有 id 或类名属性，您可以使用 getElementById 或 getElementsByClassName 方法来获取它。例如，要获取具有 id="subtag" 的子标签，可以使用以下代码：
const anchor = ('myAnchor');
const subTag = ('subtag');

操作子标签

一旦获取了子标签，您就可以对其执行操作，例如修改文本内容、添加样式或附加事件监听器。以下是一些示例：

修改文本内容

要修改子标签的文本内容，可以使用 textContent 属性。例如，要更改第二个子标签的文本为 "新文本"，可以使用以下代码：
const anchor = ('myAnchor');
[1].textContent = '新文本';

添加样式

要向子标签添加样式，可以使用 style 属性。例如，要将红色背景颜色添加到第二个子标签，可以使用以下代码：
const anchor = ('myAnchor');
[1]. = 'red';

附加事件监听器

要向子标签附加事件监听器，可以使用 addEventListener 方法。例如，要向第二个子标签附加一个单击事件监听器，可以使用以下代码：
const anchor = ('myAnchor');
[1].addEventListener('click', function() {
// 执行单击操作
});