使用querySelector选择位置

Question

因此，下面选择--strictNullChecks标记

的所有元素

<p>

并选择第一个var p = document.querySelectorAll('p'); 元素

<p>

并选择第三个document.querySelector("p") 元素

<p>

如果我有25个段落的文档，如何选择第5-13段？

Answer 1

也许您可以使用for循环来选择x和y之间的所有内容。

var paragraphs = document.querySelectorAll('p');

for(i=5; i<14; i++) {
    paragraphs[i].style.color = 'tomato';
}

示例：https://jsfiddle.net/LnmdpLa4/

不是最优雅的解决方案，但它有效！ ：）

Answer 2

使用Array#slice：

<h1>{{ page?.id  }}</h1>

演示片段：

var p = [].slice.call(document.querySelectorAll('p'), 5 - 1, 13)

var p = [].slice.call(document.querySelectorAll('p'), 5 - 1, 13)

console.log(p)

.as-console-wrapper { min-height: 100vh; }