cloneNode的innerText与原节点的innerText不相同



我怎么能cloneNode与原来的一样?我想获得与克隆节点相同的innerText结果,但它不起作用。

<!DOCTYPE html>
<html lang="en">
<head>
<title>Test</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<p>Hello
World</p>
<script>
const p = document.querySelector('p');
const pCloned = p.cloneNode(true);
const pText = p.innerText; // Hello World
const pClonedText = pCloned.innerText; // Hellon     World
console.log('pText', pText);
console.log('pClonedText', pClonedText);
console.log(pText === pClonedText); // false
</script>
</body>
</html>

可能的重复:Javascript cloneNode innerText不读取
作为 n

如果符合您的目的,最好使用.textContent而不是上述问题评论中提到的.innerText。也可以查看那篇文章中提到的链接。

最新更新