87,997
社区成员




<script>
let str = "1.jpg,2.jpg,3.jpg,4.jpg,5.jpg,6.jpg";
let regex = new RegExp("[^,]+[\.](jpg|png|gif)", "ig");
let resultArray = str.match(regex);
</script>
<ul id="bus"></ul>
<script>
let str = "1.jpg,2.jpg,3.jpg,4.jpg,5.jpg,6.jpg";//固定声明
let regex = new RegExp("[^,]+[\.](jpg|png|gif)", "ig");
let resultArray = str.match(regex);//获取到处理结果的数组
let bus = document.getElementById("bus");//找到需要输出的表单元素 也可以通过document.createElement创建一个然后添加到body中
for (let i = 0; i < resultArray.length; i++) {//循环
let url = resultArray[i];//获取到的图片名称
let li = document.createElement("li");//创建li元素
li.innerHTML = "<img src='X" + url + "'>";//填充li元素 X是你图片文件夹的相对或者绝对路径 自己填写
bus.appendChild(li);//将生成的li元素添加到目标元素中
}//ul li样式自己调整
</script>
<ul id="bus"></ul>
<script>
let str = "1.jpg,2.jpg,3.jpg,4.jpg,5.jpg,6.jpg";
let regex = new RegExp("[^,]+[\.](jpg|png|gif)", "ig");
let bus = document.getElementById("bus");
let resultArray = str.match(regex);
for (let i = 0; i < resultArray.length; i++) {
let url = resultArray[i];
let li = document.createElement("li");
li.innerHTML = "<img src='" + url + "'>";
bus.appendChild(li);
}
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>title</title>
</head>
<body>
<div id="app"></div>
</body>
<script>
let str = "1.jpg,2.jpg,3.jpg,4.jpg,5.jpg,6.jpg";
let regex = new RegExp("[^,]+[\.](jpg|png|gif)", "ig");
let resultArray = str.match(regex);
let App=document.querySelector("#app")
resultArray.forEach(e=>{
let Img=document.createElement("img");
Img.src=e;
App.appendChild(Img)
});
</script>
</html>
[/quote]
大神,能不能加上一个带li调用的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>title</title>
</head>
<body>
<div id="app"></div>
</body>
<script>
let str = "1.jpg,2.jpg,3.jpg,4.jpg,5.jpg,6.jpg";
let regex = new RegExp("[^,]+[\.](jpg|png|gif)", "ig");
let resultArray = str.match(regex);
let App=document.querySelector("#app")
resultArray.forEach(e=>{
let Img=document.createElement("img");
Img.src=e;
App.appendChild(Img)
});
</script>
</html>
"1.jpg,2.jpg,3.jpg,4.jpg,5.jpg,6.jpg".split(',').forEach(img => console.log(img));