Selection: phương thức addRange()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Phương thức Selection.addRange() thêm một Range vào một Selection.
Cú pháp
js
addRange(range)
Tham số
Giá trị trả về
Không có (undefined).
Ví dụ
Lưu ý rằng chỉ Firefox hỗ trợ nhiều selection range. Trong ví dụ này, các trình duyệt khác sẽ không thêm range mới vào vùng chọn nếu nó đã chứa một range.
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);
}
});
Kết quả
Thông số kỹ thuật
| Specification |
|---|
| Selection API # dom-selection-addrange |
Tương thích trình duyệt
Xem thêm
Selection, giao diện mà phương thức này thuộc về