如何在JavaScript中获取h1 innerText而不使用其子级的innerText?

如何在JavaScript中获取h1 innerText而不使用其子级的innerText?,javascript,html,css-selectors,Javascript,Html,Css Selectors,我想获取的内部文本,而不在span内获取内部文本。。。这是页面的HTML: var title=document.querySelector('div.col-md-8.info-header h1'); title=title&&title.innerText; 控制台日志(标题) 本说明适用于h1标签!!!!!!此注释位于v226hql内部!!! 选择父节点后,必须选择其子文本节点,并获取该节点的内容: const h1=document.querySelector('div.col-

我想获取
的内部文本,而不在span内获取
内部文本
。。。这是页面的HTML:

var title=document.querySelector('div.col-md-8.info-header h1');
title=title&&title.innerText;
控制台日志(标题)

本说明适用于h1标签!!!!!!此注释位于v226hql内部!!!

选择父节点后,必须选择其子文本节点,并获取该节点的内容:

const h1=document.querySelector('div.col-md-8.info-header h1');
const text=h1.childNodes[0].textContent;
console.log(文本)

本说明适用于h1标签!!!!!!此注释位于v226hql内部!!!

选择父节点后,必须选择其子文本节点,并获取该节点的内容:

const h1=document.querySelector('div.col-md-8.info-header h1');
const text=h1.childNodes[0].textContent;
console.log(文本)

本说明适用于h1标签!!!!!!此注释位于v226hql内部!!!
试试这个

var mainElement = document.getElementById("id_of_h1"),
    innerElements = mainElement.firstChild,
    innerTexts = [];

while (innerElements) {
    if (innerElements.nodeType == 3) {
        innerTexts.push(innerElements.data);
    }
    innerElements = innerElements.nextSibling;
}

var finalResult = innerTexts.join("");
finaresult将只包含顶部元素的互文。

试试这个

var mainElement = document.getElementById("id_of_h1"),
    innerElements = mainElement.firstChild,
    innerTexts = [];

while (innerElements) {
    if (innerElements.nodeType == 3) {
        innerTexts.push(innerElements.data);
    }
    innerElements = innerElements.nextSibling;
}

var finalResult = innerTexts.join("");
finaresult将只包含顶部元素的互文。

如果您有
hello Other world
,并且需要获取除html元素之外的所有文本-
hello world
hello Other world
,则需要这样做

const h1=document.querySelector('div.col-md-8.info-header h1');
const el=h1.0个节点;
让结果=”;
对于(i=0;i如果您有
hello other world
并且需要获取除html元素之外的所有文本-
hello world
而不是
hello other world
,那么您需要这样做

const h1=document.querySelector('div.col-md-8.info-header h1');
const el=h1.0个节点;
让结果=”;

对于(i=0;i)这不包含他们想要避免的内部跨距内容吗?不,您可以按Run Code Snippet查看它的操作-它只会导致此注释用于h1标记!!!!!!!,您可以在代码段输出控制台中看到。childNodes[0]
选择父节点的第一个子节点,第一个子节点是OP想要获取其内容的文本节点。它不会获取所有文本,如果
h1
span
el之后有一些文本,它将不包括.Gotcha。我在移动中。它适用于此特定情况。我一直在一般性地考虑。感谢解释aining。这难道不包含他们想要避免的内部span内容吗?不,您可以按Run Code Snippet查看它的操作-它只会导致此注释用于h1标记!!!!!,您可以在代码段输出控制台中看到。childNodes[0]
选择父节点的第一个子节点,第一个子节点是OP想要获取其内容的文本节点。它不会获取所有文本,如果
h1
span
el之后有一些文本,它将不包括.Gotcha。我在移动中。它适用于此特定情况。我一直在一般性地考虑。感谢解释艾宁。