Prompt Title: Lấy Thẻ SVG

Created 1 year ago
Votes 0
Views 347 times
0
Human: <div>lấy thẻ svg trong thẻ sau: &lt;button class="flex ml-auto gap-2"&gt;&lt;svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"&gt;&lt;/path&gt;&lt;rect x="8" y="2" width="8" height="4" rx="1" ry="1"&gt;&lt;/rect&gt;&lt;/svg&gt;Copy code&lt;/button&gt;</div>
ChatGPT:

Để lấy thẻ SVG từ thẻ trên, bạn có thể sử dụng JavaScript để truy cập và lấy nội dung của thẻ SVG. Dưới đây là một ví dụ về cách thực hiện điều đó:

javascript
// Lấy thẻ button var button = document.querySelector('button'); // Lấy thẻ SVG bên trong button var svg = button.querySelector('svg'); // Lấy chuỗi SVG var svgString = new XMLSerializer().serializeToString(svg); console.log(svgString);

Trong đoạn mã trên, chúng ta sử dụng phương thức querySelector để lấy thẻ button. Sau đó, chúng ta sử dụng phương thức querySelector trên thẻ button để lấy thẻ svg bên trong. Cuối cùng, chúng ta sử dụng XMLSerializer để chuyển đổi thẻ SVG thành chuỗi và lưu vào biến svgString. Bạn có thể sử dụng biến svgString để làm bất kỳ thao tác nào khác với chuỗi SVG.

Lưu ý rằng đoạn mã trên được viết để chạy trong môi trường trình duyệt web, và cần được đặt trong một khối script hoặc sự kiện tương tác để thực thi.

avatar
[email protected]
Shared 12 prompts
Created 1 year ago

Leave a Comment

Related Tag Prompts

0
0
Financial Independence by 30.
1 year ago 2023-03-12 19:27:25 Manish
0
0
Entrepreneurship Financial Analysis.
1 year ago 2023-03-16 12:22:13 aadish
0
0
Mesa Detecta Teléfono Móvil
1 year ago 2023-03-20 01:04:01 yoo
0
0
Βοήθεια στα ελληνικά
1 year ago 2023-03-23 16:09:45 ΝΤΙΝΑ
0
0
用户请求帮助
1 year ago 2023-03-25 07:38:10 test
0
0
Toner Consumption Dashboard
1 year ago 2023-03-29 21:08:23 mb
0
0
Python Calculator with GUI
1 year ago 2023-03-30 23:27:14 Shrouk Adel
0
0
Ceiling location: on.
1 year ago 2023-04-07 01:51:05 Bang
0
0
Laptop Business Plan Uganda
1 year ago 2023-04-19 10:51:29 crispyflow
0
0
ayzal
1 year ago 2023-04-24 15:05:14 athar
0
0
Designing with natural elements.
1 year ago 2023-04-25 00:42:50 鼻子
0
0
魚不能開車
1 year ago 2023-04-28 06:56:06 123
0
0
User Request Summary
1 year ago 2023-04-28 08:21:03 sdfsdf
0
0
Magic Conch: One Word
1 year ago 2023-04-28 13:43:19 aaaai
0
0
Append Table Data in HTML.
1 year ago 2023-04-30 04:36:11 dfdf
0
0
Questions for Genealogy
1 year ago 2023-05-08 23:52:01 Arthur Sissman
0
0
Syntax Check: Failed
1 year ago 2023-06-08 07:51:54 [email protected]
0
0
Tìm ký tự "[" và "]"
1 year ago 2023-06-08 07:55:33 [email protected]
0
0
Tìm ký tự "[" và "]" 1
1 year ago 2023-06-08 07:55:55 [email protected]
0
0
0
0
0
0
New chat dsfsdf
1 year ago 2023-06-09 02:53:08 [email protected]
0
0
New chatbbb
1 year ago 2023-06-09 02:53:41 [email protected]
0
0
qqq
1 year ago 2023-06-09 03:39:07 [email protected]
0
0
CSS Slide-in Effect
1 year ago 2023-06-16 03:44:40 [email protected]
0
0
Bắt sự kiện onscroll DOM.
1 year ago 2023-06-20 08:38:40 rom mu
0
0
Change Class to overflow-hidden
1 year ago 2023-06-23 08:38:35 Vu Chien
0
0
Change Class to overflow-hidden123
1 year ago 2023-06-23 09:43:01 Vu Chien123
0
1
Lỗi "onscroll" trong DOM.123123
1 year ago 2023-06-23 09:48:14 Vu Chien
0
0
Capacitor vs Cordova: Differences
1 year ago 2023-08-29 11:56:36 fsdf