How does javascript-js add a row of data to another div based on the Add button, and the position style should be consistent with the sorting style of another page list?

How does js add a row of data (including the title, author, and time) to another div based on the Add button, in addition, the location style should be consistent with the sorting style of another page list, just like clicking add to the second figure.

How does js add a row of data (including the title, author, and time) to another p based on the Add button, in addition, the location style should be consistent with the sorting style of another page list, just like clicking add to the second figure.

Reply content:

How does js add a row of data (including the title, author, and time) to another p based on the Add button, in addition, the location style should be consistent with the sorting style of another page list, just like clicking add to the second figure.

Clone past

Based on the index of a row of records, this row of data is found in the data set. if the table is used, the callback method should contain the rowData parameter. after obtaining the data, p for adding an element based on data rendering