怎么拿取一段以html形式的字符串里面属性的某个值

Question

<p>个人观点让更多人通过后让他忽然若<video class="edui-faked-video video-js" controls="" preload="none" width="420" height="280" src="https://outin-885c8499c61811e9ba6f00163e1a3b4a.oss-cn-shanghai.aliyuncs.com/sv/220e2d21-16f5b66ba7b/220e2d21-16f5b66ba7b.mp4?Expires=1590410705&OSSAccessKeyId=LTAIrkwb21KyGjJl&Signature=ay96O%2FI7PVwXSTnjMYG2lRuLyts%3D" data-setup="{}"></video></p><p><video class="edui-faked-video video-js" controls="" preload="none" width="420" height="280" src="https://outin-885c8499c61811e9ba6f00163e1a3b4a.oss-cn-shanghai.aliyuncs.com/sv/220e2d21-16f5b66ba7b/220e2d21-16f5b66ba7b.mp4?Expires=1590410705&OSSAccessKeyId=LTAIrkwb21KyGjJl&Signature=ay96O%2FI7PVwXSTnjMYG2lRuLyts%3D" data-setup="{}"></video></p>
上面是一段字符串

怎么拿取到这段字符串里面的src下面的是视频链接

Answer 1

用正则或者手动建个 dom 去获取，大概如下：

var str = '你那串字符串';
var dom = document.createElement('div');
dom.innerHTML = str;
var videos = dom.getElementsByTagName('video');
for (var i = 0; i < videos.length; i++) {
    alert(videos[i].src);
}

Answer 2

这样就可以获取到，需要设置id
document.getElementById("id").src

或者可以根据你的需求设置name或者class获取相关标签，使用
getElementsByName、getElementsByTagName、getElementsByClassName等。