Lấy Thuộc Tính

Node Lấy Thuộc Tính cho phép bạn trích xuất giá trị của một thuộc tính cụ thể từ phần tử trên trang web (ví dụ: href, value, src,...). Kết quả có thể được gán vào biến hoặc chèn vào bảng để sử dụng trong các bước tiếp theo.

Bộ chọn phần tử

Chọn phần tử và nhập bằng bộ chọn phần tử.

Tuỳ chọn bộ chọn

Lựa chọn các tuỳ chọn mong muốn.

Tên thuộc tính

Tên của thuộc tính cần lấy giá trị (ví dụ: href, value, src, data-id,...).

Gán cho biến

Có thể gán giá trị vào một biến.

• Tên Biến: Tên biến để gán giá trị. Trường này xuất hiện khi người dùng chọn gán cho biến.

Chèn vào bảng

Có thể chèn giá trị vào cột trong bảng.

• Chọn cột: Cột nơi giá trị được chèn. Trường này xuất hiện khi người dùng chọn chèn vào bảng.

Thêm hàng bổ sung

Chèn thêm một hàng vào cột trong bảng.

Ví dụ thực tế

Lấy thuộc tính chứa link của phần tử

Ví dụ

Giả sử bạn muốn lấy tất cả link của danh sách phần tử rồi xuất ra file để sử dụng.

Ở đây, mục tiêu là lấy đường link của các phần tử trong mục Discover gifts for every occasion.

Để lấy được tất cả link, bạn có thể tạo nhiều node Lấy thuộc tính để lấy giá trị thuộc tính href của từng phần tử tương ứng.

Tuy nhiên, cách này không tối ưu khi có nhiều phần tử vì phải tạo quá nhiều node. Để lấy link của tất cả phần tử một cách hiệu quả, hãy làm như sau:

Đầu tiên, lấy selector chung của các phần tử đó. Ở đây, selector là [data-appears-component-name="Homepage_Vesta_ApiSpec_ContentfulSearchBubbles"] a. Khi kiểm tra trên chrome dev tool, di chuyển đến phần tử ở vị trí thứ 3 sẽ thấy hiển thị đúng vị trí thứ 3 trong danh sách 6 phần tử cùng selector.

Tiếp theo, sử dụng selector này trong node Lặp dữ liệu và cấu hình như sau:

Tiếp theo, cấu hình node Lấy thuộc tính. Ở mục Bộ chọn CSS, thay vì ghi selector cố định, bạn sử dụng biểu thức tương ứng với mỗi phần tử được lặp bởi node Lặp dữ liệu bằng loopData.loopId. Ở đây loopId là link nên công thức sẽ là loopData.link. Tiếp theo, vì muốn lấy giá trị thuộc tính href, bạn điền href vào trường tên thuộc tính. Để xuất link ra file, cần chèn vào một cột — ở đây đã tạo sẵn cột link và cấu hình chèn dữ liệu vào cột đó.

Tiếp theo, cấu hình node Dừng lặp. Khi lặp hết các phần tử, quy trình sẽ chạy các node tiếp theo nối với node Dừng lặp này.

Cuối cùng, để xuất ra file, sử dụng node Xuất dữ liệu và cấu hình như sau:

Nối các node lại với nhau:

Khi chạy quy trình, kết quả sẽ là file chứa các đường link:

Lấy thuộc tính chứa giá trị của phần tử

Ví dụ

Giả sử bạn muốn lấy danh sách các từ khóa khi tạo ví Keplr, sau đó xuất ra file.

Bạn có thể tạo nhiều node Lấy thuộc tính để lấy giá trị thuộc tính value của từng phần tử.

Nhưng cách đó không tối ưu khi có nhiều phần tử. Để lấy từ khóa của bất kỳ số lượng phần tử nào, hãy làm như sau:

Đầu tiên, lấy selector chung của các phần tử đó. Ở đây, selector là div > div> div > div > div:nth-child(3) > div > div > div> div> div > div > div>div>div:nth-child(2) input. Khi kiểm tra trên chrome dev tool, di chuyển đến phần tử ở vị trí đầu tiên sẽ thấy hiển thị đúng vị trí thứ nhất trong danh sách.

Tiếp theo, sử dụng selector đó trong node Lặp dữ liệu và cấu hình như sau:

Tiếp theo, cấu hình node Lấy thuộc tính. Ở mục Bộ chọn CSS, sử dụng biểu thức loopData.loopId — ở đây loopId là w nên công thức sẽ là loopData.w. Vì muốn lấy giá trị thuộc tính value, bạn điền value vào trường tên thuộc tính. Để xuất tất cả từ khóa ra file, trước tiên chèn chúng vào biến key ở dạng mảng.

Sau đó, sử dụng node Chèn dữ liệu để chèn các giá trị của biến vào cột words đã tạo sẵn trong bảng.

Tiếp theo, cấu hình node Dừng lặp. Khi lặp hết các phần tử, quy trình sẽ chạy các node tiếp theo nối với node Dừng lặp này.

Cuối cùng, để xuất ra file, sử dụng node Xuất dữ liệu và cấu hình như sau:

Nối các node lại với nhau:

Khi chạy quy trình, kết quả file chứa các từ khóa: