如何在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。我在移动中。它适用于此特定情况。我一直在一般性地考虑。感谢解释艾宁。