Lấy Thuộc Tính

Lấy giá trị thuộc tính được chỉ định từ phần tử.

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

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ụ

Trường hợp người dùng muốn lấy tất cả link của danh sách phần tử sau đó xuất ra file để sử dụng thì người dùng có thể làm như sau

Ở đây người dùng đang muốn lấy đường link của các phần tử trong mục Discover gifts for every occasion

Để có thể lấy được tất cả link, người dùng có thể tạo nhiều node Lấy thuộc tính để lấy ra các giá trị của thuộc tính href của phần tử tương ứng với đường link mà phần tử đó đang chứa.

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

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

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 người dùng thay vì ghi ra selector một cách chỉ định thì người dùng 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 biểu thức loopData.loopId ở đây loopId là link nên người dùng sẽ sử dụng công thức loopData.link, tiếp theo vì người dùng muốn lấy giá trị của thuộc tính href trong phần tử đó, người dùng sẽ điền thuộc tính href vào node. Để có thể xuất đoạn link đó ra một file thì người dùng cần chèn nó vào một cột, ở đây người dùng đã tạo trước cột link và cấu hình chèn dữ liệu trong node vào cột link 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 thì người dùng sẽ sử dụng node Xuất dữ liệu và cấu hình như sau

Khi đó người dùng sẽ nối các node như sau

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

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

Ví dụ

Ở đây người dùng đang muốn lấy danh sách các từ khoá trong khi tạo ví Keplr sau đó xuất ra một file

Để có thể lấy được tất cả từ khoá đó, người dùng có thể tạo các node Lấy thuộc tính để lấy ra các giá trị của thuộc tính value của phần tử tương ứng với từ khoá mà phần tử đó đang chứa.

Nhưng cách đó không tối ưu trong trường hợp có nhiều phần tử thì người dùng phải tạo nhiều node Lấy thuộc tính. Để có thể lấy được từ khoá của bao nhiêu phần tử cũng được thì người dùng hãy làm theo người dùng như sau

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

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 người dùng thay vì ghi ra selector một cách chỉ định thì người dùng 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 biểu thức loopData.loopId ở đây loopId là w nên người dùng sẽ sử dụng công thức loopData.w, tiếp theo vì người dùng muốn lấy giá trị của thuộc tính value trong phần tử đó, người dùng sẽ điền thuộc tính value vào node. Để 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ử dung node Chèn dữ liệu để chèn các giá trị của biến vào một cột words người dùng đã tạo trước và cấu hình Chèn dữ liệu trong node vào cột words 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 thì người dùng sẽ sử dụng node Xuất dữ liệu và cấu hình như sau

Khi đó người dùng sẽ nối các node như sau

Khi chạy quy trình, người dùng sẽ thu được kết quả file chứa các đường link như sau