如何在 javascript 中设置 span 而不是 div 中的文本？答案

【问题标题】：How to set the text in span instead of div in java script?如何在 javascript 中设置 span 而不是 div 中的文本？
【发布时间】：2020-04-01 05:12:31
【问题描述】：

我在 div 中显示文件名，但我需要在单独的跨度中显示文件名作为其多类型文件上传。

<div class="img_slt_inpt_outr1">
    <input type="file" class="img_slt_inpt1 edu_upoad" id="doc_brow" multiple/>
</div>                                          
<div class="certf doc_brow" id="doc_brow" onmouseover="myclsFunction()" onmouseout="myclsFunction()"style="color:#14b6f4;margin-top: 15px;margin-bottom: 10px;">

</div>

上传的文件名将显示在 certf doc_brow 类中，因为它是一个 div，多个文件出现在 div 中，例如：

但我需要像 filename1 和 filename2

我的 jquery 代码是：

$('.edu_upoad').change(function () {
                    var file_id = this;
                    var class_name = file_id.id;
                    for(var s=0;s<this.files.length;s++){
                        Certificates.push(this.files[s]);
                        form.append("doc", this.files[s], this.files[s].name);
                        $("."+class_name).append(this.files[s].name);
                        $("."+class_name).append('<img style = "border:0px;width:20px;display:none;" id="clsimg" class="clsicon" src = "./images/closeRes.png" />');
                        $("."+class_name).append('<br/>');
                        console.log(form);
                        console.log(this.files[s]);
                    }
                });

【问题讨论】：

标签： javascript jquery css file

【解决方案1】：

改变这个

 $("."+class_name).append(this.files[s].name);
 $("."+class_name).append('<img style = "border:0px;width:20px;display:none;" id="clsimg" class="clsicon" src = "./images/closeRes.png" />');
$("."+class_name).append('<br/>');

到

 if (s > 0) {
     $("."+class_name).append('<span> And </span>');
 }
 $("."+class_name).append('<span>' + this.files[s].name + '<img style = "border:0px;width:20px;display:none;" id="clsimg" class="clsicon" src = "./images/closeRes.png" />' + '</span>');

我所做的是将整个元素包装在 span 标签中

如果索引大于 0，则添加“与”文本

【讨论】：