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

我是一个新手,我需要在表单验证的时候在表单后显示出一个<span></span>然后用innerHTML给里面添加值,在需要的调用出来。但是同时需要在里面添加一个图片<img />,图片要跟字一起出来。各位大神不用考虑层了。谢谢。 求教育。342810117

在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里面添加一张图片
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-11-26
document.getElementById(span的id).innerHTML=“<img src=‘图片路经'>"本回答被提问者采纳

怎么用js在span里添加一个图片。
在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 ...

js怎么添加一个div的背景图片?nameSpan.style.backgroundImg.src=...
nameSpan.style.background ="bg.jpg";还需要给这个div添加宽和高才能看到图片

在js中, 怎么往span标签里放值进去?
1、<body onload="s()"> 2、<span id="hello"><\/span> 3、<script language="javascript">4、function s()5、{document.getElementById("hello").innerText = "hello world";} 6、<\/script>在页面加载完成后通过jquery给多个span赋值 ...

html怎样把一张图片弄到输入框里面??
1、首先,创建一个新的html文件并编写一个input标签,如下图所示。2、其次,将after伪元素添加到input标签前面的span标签,然后将伪元素的背景设置为要添加的图片,如下图所示。3、最后,将相对位置添加到父元素,为了使伪元素能相对父级div定位。 通过调整after伪元素的left值和top值,可以将图片放入in...

js给span添加index
js给span添加index方法如下:具体方法:1、使用span标签创建一块区域,,设置span标签的id为myid。 2、在js中,通过id获得span对象,通过给innerHTML赋值,实现给span添加内容。如果元素的id没有被命名,那么可以用for循环的方式给元素的id从0开始赋值,作为元素的编号。

span标签设置图片位置
貌似在ie下用POSITION: absolute;是件头疼的事。建议使用jquery的一个插件。插件名是:scrollFix 在百度上直接搜scrollFix.js肯定可以找到。找不到私聊给你。

javascript中怎么给span动态赋值
js给span标签赋值的方法一般有两种方法:第一种方法:输出html <body onload="s()"><span id="hello"><\/span><script language="javascript"> function s(){ document.getElementById("hello").innerHTML = "<iframe src= height=400 width=300><\/iframe>"; }<\/script>第二种方法:输...

网页点击某链接后,才载入图片,应该怎么写?
<html><head><script type="text\/javascript">function aa(){document.getElementById('imgBanner1').src = '1.jpg';} <\/script><\/head><body> <div id="image" onClick="aa()"> 点我出现图片<img id="imgBanner1"\/> <\/div> <\/body><\/html> ...

如何让一个小图片实现图片上传功能啊,(JS加文本域和按钮带预览的不要...
你的意思是点击一个小图片,然后打开上传选择的窗口么?如果是的话,可以提个思路,就是讲上传的input file的调整的非常小,一张图片刚好能盖住它,然后给div或一个span的背景设成那张图片,这样点击图片就可以打开上传选择的窗口了。不知道你是不是这个意思。希望能帮助到你 ...

JavaScript中如何用append方法插入一个元素?
<script> window.onload=function(){ var btn=document.createElement("button");btn.innerHTML="btn";document.body.appendChild(btn);} <\/script> 或者 <script> window.onload=function(){ document.body.innerHTML+="<button>btn<\/button>";} <\/script> ...

相似回答