Thuộc tính search trong HTML DOM liên quan đến thẻ anchor (<a>) trả về phần chuỗi truy vấn (query string) của giá trị thuộc tính href. Phần chuỗi truy vấn nằm sau dấu ? trong URL và thường dùng để truyền thông tin đến server. Được dùng khi gửi GET request và thông tin được nhúng trong link dưới dạng cleartext.
Cú pháp
a) Trả về thuộc tính search
anchorObject.search
b) Thiết lập thuộc tính search
anchorObject.search = querystring
Ví dụ
Dưới đây là ví dụ về thuộc tính search của anchor HTML DOM:
<!DOCTYPE html> <html> <body> <p><a id="myAnchor" target="_blank" href="https://www.examplesite.com/ex.htm?id=Username">Example Site</a></p> <p>Click nút để thay đổi phần querystring của website trên</p> <p>Kiểm tra URL trước khi click nút để xem thay đổi</p> <button onclick="demo()">Thay đổi Search</button> <script> function demo() { document.getElementById("myAnchor").search = "program=Sample"; } </script> </body> </html>
Kết quả
Ví dụ này sẽ cho kết quả sau:
Trước khi check checkbox ‘Show Form ID’:
Không click nút “Thay đổi Search”, link như sau:
www.examplesite.com/ex.htm?id=Username
Sau khi click nút “Thay đổi Search”, link sẽ là:
www.examplesite.com/ex.htm?prog=Sample
Giải thích ví dụ:
Chúng ta lấy một anchor tag với search property để thao tác giá trị search property:
<p><a id="myAnchor" target="_blank" href="https://www.examplesite.com/ex.htm?id=Username">Example Site</a></p>
Tạo nút “Thay đổi Search” để thực thi myFunction():
<button onclick="demo()">Thay đổi Search</button>
Hàm demo() thay đổi phần search string từ id=”Username” thành program=Sample:
function demo() { document.getElementById("myAnchor").search = "program=Sample"; }