要使用JavaScript/JQuery找到元素节点之间的所有文本节点,可以使用以下方法:
document.getElementById()
、document.querySelector()
或document.querySelectorAll()
等方法。childNodes
属性获取目标元素节点的所有子节点。nodeType === 3
),如果是文本节点,则表示找到了一个目标文本节点。示例代码:
function getTextNodes(element) {
var textNodes = [];
var childNodes = element.childNodes;
for (var i = 0; i < childNodes.length; i++) {
var node = childNodes[i];
if (node.nodeType === 3) {
textNodes.push(node);
}
}
return textNodes;
}
var targetElement = document.getElementById("target");
var textNodes = getTextNodes(targetElement);
console.log(textNodes);
contents()
方法获取目标元素节点的所有子节点,包括文本节点。filter()
方法过滤出文本节点。示例代码:
var targetElement = $("#target");
var textNodes = targetElement.contents().filter(function() {
return this.nodeType === 3;
});
console.log(textNodes);
以上方法可以找到目标元素节点之间的所有文本节点。请注意,这些方法只能找到直接子节点之间的文本节点,如果需要找到更深层次的文本节点,可以使用递归的方式遍历子节点。
领取专属 10元无门槛券
手把手带您无忧上云