html代码:
<input type="text" size="20" value="" id="value"/> <button onclick="btn()">生成</button> <span id="result" class="font"></span>
JS代码
function btn(){ //需要转换的图片 var imgArr =[{ name:'中', img:'img/ba.png', value:'' },{ name:'国', img:'img/ban.png', value:'' },{ name:'人', img:'img/bai.png', value:'' }] //获取input内容 let _value = document.getElementById('value').value let _valueArr = [] for(let i=0; i<_value.length; i++){ _valueArr.push({ name: _value[i], img:'', value:_value[i] }) } //2个数组合并 const _merge = _valueArr.map(item => { const data = imgArr.find(i => item.name == i.name) return { ...item, ...data } }) //遍历插入 let _result = [] for(let i=0; i<_merge.length; i++){ if(_merge[i].img != ''){ _result += '<img src="' + _merge[i].img + '" style="width:30px;background-size:100%">' }else{ _result += '<i>' + _merge[i].value + '</i>' } } document.getElementById('result').innerHTML = _result }
一个专注于高质量的在线课程资源的全球在线学习平台——Class Central
一款免费高性能,无注册,媲美专业图像处理工具——AI Image Editor
上面是“input输入文字输出对应的内容(如果有图片显示,”的全面内容,想了解更多关于 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_125.html
workflows工作流
一座巨大的野兽派建筑漂浮在热带风景中的贫民
一只迷人的黑豹ComfyUI工作流
坐落在白雪覆盖的广阔平原上2只可爱的雪豹
Latent放大comfyui工作流
令人着迷的一只老虎ComfyUI工作流
一张由表情符号组成的照片ComfyUI工作流
一只黑色章鱼ComfyUI工作流
一架受损严重的宇宙飞船内有一只猫
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!