如何仅使用javascript插入3个具有不同属性值的源标签？

// 创建3个源标签元素
var source1 = document.createElement('source');
var source2 = document.createElement('source');
var source3 = document.createElement('source');

// 设置每个源标签的属性值
source1.src = 'video1.mp4';
source1.type = 'video/mp4';

source2.src = 'video2.webm';
source2.type = 'video/webm';

source3.src = 'video3.ogg';
source3.type = 'video/ogg';

// 将源标签添加到视频元素中
var video = document.getElementById('myVideo');
video.appendChild(source1);
video.appendChild(source2);
video.appendChild(source3);