尝试使用 JS 拉 H3 文本

Question

我正在尝试创建一个 Google 标记管理器 JS 变量，以便在有人单击它时提取文章名称。

我只需要选择标题（红色）而不是“Home Sellers”

document.getElementsByClassName("blog-listing-post__summary blog-listing-post__summary--big")[0].querySelector("H3").innerText

返回：'HOME SELLERS\n已售物业包括哪些家用电器？

我怎样才能跳过“房屋卖家”并将价值拉低？

谢谢！

Answer 1

尝试使用 split() 和 slice() 方法。 这将返回一个您可以引用的数组。

 let x = 'HOME SELLERS\nWhich Home Appliances are Included with a Sold Property?'; let y = x.split('\n').slice(1); console.log(y); console.log(y[0]);

Answer 2

const h3 = document.querySelectorAll('h3').at(-1).innerText

Answer 3

如果您想要所有且只有顶级文本，您只需要过滤 H3 的 childNodes 以仅获取文本节点，然后将所有文本连接在一起。 下面的解决方案应该适用于大多数情况。

 const myHeadline = document.getElementsByTagName('h3')[0]; const myHeadlineTopLevelText = [...myHeadline.childNodes].filter(node=> node.nodeType === 3).map(node=>node.textContent).join("").trim(); console.log(myHeadlineTopLevelText);

 <h3> <span>sub text</span> Main text </h3>