The DataTransferItemList object is a list of DataTransferItem objects representing items being dragged. During a drag operation, each DragEvent has a dataTransfer property and that property is a DataTransferItemList.

API DataTransferItemList drag and drop HTML DOM HTML Drag and Drop API Interface Reference

The DataTransferItemList.add() method creates a new DataTransferItem using the specified data and adds it to the drag data list. The item may be a File or a string of a given type. If the item is successfully added to the list, the newly-created DataTransferItem object is returned.

Add API DataTransferItemList drag and drop HTML DOM HTML Drag and Drop API Method NeedsLiveSample Reference

The DataTransferItemList.clear() method removes all DataTransferItem objects from the drag data items list, leaving the list empty.

API clear DataTransferItemList drag and drop HTML DOM HTML Drag and Drop API Method NeedsLiveSample Reference

The DataTransferItemList() getter method implements support for accessing items in the DataTransferItemList using array-style syntax (that is DataTransferItemList[index]).

API DataTransferItemList drag and drop Getter HTML DOM HTML Drag and Drop API Method NeedsLiveSample Reference

The read-only DataTransferItemList.length property returns the number of items in the list. If the list has no items, or is disabled (because it has no data store at all), this property returns zero.

API DataTransferItemList drag and drop HTML DOM HTML Drag and Drop API length NeedsLiveSample Property Reference

The DataTransferItemList.remove() method removes the DataTransferItem at the specified index from the list. If the index is less than zero or greater than one less than the length of the list, the list will not be changed.

API DataTransferItemList drag and drop HTML DOM HTML Drag and Drop API Method NeedsLiveSample Reference remove