从document.querySelector（）

Question

我想提取字符串＆＃34; （2017/01/15 12:27:59）＆＃34;，我如何找到它？ 我尝试了＃34; document.querySelector（＆＃34; div.aaa＆＃34;）。innerText＆＃34;，但它也提供了span.bbb和span.ccc中的文本。 任何的想法？感谢。

Answer 1

您似乎要寻找的是跨度之后的文本节点。 nextSibling 属性应该适合，但我认为某些浏览器只返回元素兄弟，而不是其他类型的节点。请参阅MDN:Node.nextSibling。

无论如何，请尝试以下方法：

＆＃13;

＆＃13;

var cccSpan = document.querySelector('.ccc');
var textNode = cccSpan.nextSibling;
console.log(textNode.data);

＆＃13;

.aaa {color: red;}
.bbb {color: blue;}
.ccc {color: green;}

＆＃13;

<div class="aaa">the div aaa
  <span class="bbb">span bbb</span>
  <span class="ccc">span ccc</span>
  text after ccc
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

document.querySelector(".aaa").lastChild.textContent.trim()

lastChild将获取textNodes和elementNodes。

Answer 3

您可以使用嵌套类选择器：

document.querySelector(".aaa .ccc").innerHTML