DOM/Javascript：获取标签后的文本

Question

如何获取 html 文档中标签后面的文本“那里”：

<p><a>hello</a>there</p>

我看到有一种方法可以使用 xpath 来实现：

从下一个标签获取文本，

但我没有使用 xpath，并且希望不必为此开始。我意识到我可以获取 p 标签内的所有文本，但我只想获取“there”文本，并了解它与 p 和 a 标签的关系。它似乎不是任何人的孩子或兄弟姐妹。 （您可以假设我可以获得任何其他元素/节点，因此它可以与这些元素/节点相关。）每个 DOM 教程似乎都忽略了文本可以出现在标签外部的事实。

谢谢。

Answer 1

您可以使用多种方式来获取标签和文本

let p = document.querySelector('p'); // first p on the page
console.log(p.lastChild.textContent)

let ps = document.querySelectorAll('p'); // all p on the page
console.log(ps[0].lastChild.textContent)

// using tagName
p = document.getElementsByTagName('p')[0];
console.log(p.childNodes[1].textContent)

<p><a>hello</a>there</p>

Answer 2

使用这个.. http://jsfiddle.net/2Dxy4/

这是你的HTML -

<p id="there">
   <a>hello</a>
   there
</p>​

在你的JS

alert(document.getElementById("there").lastChild.textContent)​

或

alert(document.getElementById("there").childNodes[1].textContent)​

Answer 3

您可以使用lastChild和textContent来获取它： http://jsfiddle.net/M3vjR/

Answer 4

好吧，如果你使用 jQuery，有一种偷偷摸摸的方法可以得到这个

x = $("

hellothere

")
x.contents()[1]

Answer 5

您可以找到父标签的子标签：

var pTag = ...
var childNodes = pTag.childNodes;

最后，您可以在 a 节点之后的 text 节点中找到您的文本。

Answer 6

您必须首先获取属性innerhtml，然后使用子字符串获取总innerhtml，您可以拥有您的部分..

$(document).ready(function () {
var getA=$("p >a").text();
var getA=getA.length;
var takeTotal=$("p").text();
var result=takeTotal.substring(get);
alert(result);
});