SVGElement
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.
* Some parts of this feature may have varying levels of support.
Tất cả các giao diện SVG DOM tương ứng trực tiếp với các phần tử trong ngôn ngữ SVG đều kế thừa từ giao diện SVGElement.
Thuộc tính phiên bản
Cũng kế thừa các thuộc tính từ giao diện Element.
SVGElement.attributeStyleMapRead only-
Một
StylePropertyMapđại diện cho các khai báo của thuộc tínhstylecủa phần tử. SVGElement.autofocus-
Xác định liệu điều khiển có nên được lấy tiêu điểm khi trang tải, hoặc khi một
<dialog>hay popover được hiển thị hay không. SVGElement.classNameDeprecated Read only-
Một
SVGAnimatedStringphản ánh giá trị của thuộc tínhclasstrên phần tử đã cho, hoặc chuỗi rỗng nếuclasskhông có. Thuộc tính này đã lỗi thời và có thể bị xóa trong phiên bản tương lai của đặc tả. Tác giả nên sử dụngElement.classListthay thế. SVGElement.datasetRead only-
Một đối tượng
DOMStringMapcung cấp danh sách các cặp khóa/giá trị của các thuộc tính dữ liệu có tên tương ứng với các thuộc tính dữ liệu tùy chỉnh gắn liền với phần tử. Các thuộc tính này cũng có thể được định nghĩa trong SVG bằng các thuộc tính có dạngdata-*, trong đó*là tên khóa của cặp. Cơ chế này hoạt động giống như thuộc tínhHTMLElement.datasetcủa HTML và thuộc tính toàn cụcdata-*của HTML. SVGElement.nonce-
Trả về số dùng một lần mã hóa được Content Security Policy sử dụng để xác định liệu một yêu cầu tải tài nguyên có được phép tiến hành hay không.
SVGElement.ownerSVGElementRead only-
Một
SVGSVGElementtham chiếu đến phần tử<svg>tổ tiên gần nhất.nullnếu phần tử đã cho là phần tử<svg>ngoài cùng. SVGElement.style-
Một
CSSStyleDeclarationđại diện cho các khai báo của thuộc tínhstylecủa phần tử. SVGElement.tabIndex-
Vị trí của phần tử trong thứ tự tab.
SVGElement.viewportElementRead only-
SVGElementđã thiết lập khung nhìn hiện tại. Thường là phần tử<svg>tổ tiên gần nhất.nullnếu phần tử đã cho là phần tử<svg>ngoài cùng.
Phương thức phiên bản
Giao diện này cũng kế thừa các phương thức từ Element.
SVGElement.blur()-
Xóa tiêu điểm bàn phím khỏi phần tử đang có tiêu điểm.
SVGElement.focus()-
Đặt phần tử làm tiêu điểm bàn phím hiện tại.
Sự kiện
Lắng nghe các sự kiện này bằng cách sử dụng addEventListener() hoặc gán trình xử lý sự kiện cho thuộc tính on... tương ứng.
abort-
Được kích hoạt khi quá trình tải trang bị dừng trước khi phần tử SVG được phép tải hoàn toàn.
error-
Được kích hoạt khi phần tử SVG không tải được đúng cách hoặc khi có lỗi xảy ra trong quá trình thực thi script.
load-
Được kích hoạt trên
SVGElementkhi nó được tải trong trình duyệt. resize-
Được kích hoạt khi tài liệu SVG đang được thay đổi kích thước.
scroll-
Được kích hoạt khi khung nhìn tài liệu SVG đang được dịch chuyển theo trục X và/hoặc Y.
unload-
Được kích hoạt khi triển khai DOM xóa tài liệu SVG khỏi cửa sổ hoặc khung.
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2> # InterfaceSVGElement> |
Tương thích trình duyệt
Xem thêm
- Thuộc tính HTML
data-* - Thuộc tính SVG
data-* - Sử dụng thuộc tính dữ liệu tùy chỉnh trong HTML