怎么用js在span里添加一个图片。

怎么用js在span里添加一个图片。,第1张

在span里添加图片,可以让span标签里面包一个img标签。这样就可以完成span里面添加一张图片了。下面是个小例子:

<body>

<span style="width:100px height:100px border:1px solid #ccc display:block" id="span1"></span>

</body>

<script>

var oSpan = document.getElementById('span1')

var oImg = document.createElement('img')   //创建一个img标签

oImg.src = '../../abc.jpg'    //给img标签添加src属性

oSpan.appendChild(oImg)    //将img标签添加到span标签里面。

</script>

通过上述code就可以实现span里面添加一张图片

可以。span标签是超文本标记语言(HTML)的行内标签,被用来组合文档中的行内元素。span在web中可以加图片。Web开发就是开发网页程序,从开发简单的纯文本静态页面到复杂的基于Web的互联网应用程序。

<span style="background-color:#FF0000">背景颜色</span>

这个是用来设置背景颜色的,展现效果如下:

可以另外设置这个宽度大小,留一些空余的地方会更好看

<span>标签是不能设置背景图片的,这个是用来设置文字的样式的。可以在span标签之前添加一个<div></div>

代码和效果如下:


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11509156.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存