Selection: Methode addRange()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die Selection.addRange()-Methode fügt einer Selection einen Range hinzu.
Syntax
js
addRange(range)
Parameter
Rückgabewert
Keiner (undefined).
Beispiele
Beachten Sie, dass nur Firefox mehrere Auswahlbereiche unterstützt. In diesem Beispiel werden andere Browser keine neuen Bereiche zur Auswahl hinzufügen, wenn bereits einer enthalten ist.
HTML
html
<p>
I <strong>insist</strong> that you <strong>try</strong> selecting the
<strong>strong words</strong>.
</p>
<button>Select strong words</button>
JavaScript
js
let button = document.querySelector("button");
button.addEventListener("click", () => {
const selection = window.getSelection();
const strongElems = document.getElementsByTagName("strong");
if (selection.rangeCount > 0) {
selection.removeAllRanges();
}
for (const node of strongElems) {
const range = document.createRange();
range.selectNode(node);
selection.addRange(range);
}
});
Ergebnis
Spezifikationen
| Specification |
|---|
| Selection API> # dom-selection-addrange> |
Browser-Kompatibilität
Siehe auch
Selection, das Interface, zu dem diese Methode gehört