如何用JS输出图片img的title
<divclass="box"id="box"><ahref="#"class="pic1"><imgsrc="1.jpg"title="这是图片title的值"></a...
<div class="box" id="box">
<a href="#" class="pic1"><img src="1.jpg" title="这是图片title的值"></a>
<a href="#" class="pic2"><img src="2.jpg" title="这是图片title的值2"></a>
<a href="#" class="pic3"><img src="3.jpg" title="这是图片title的值3"></a>
<a href="#" class="pic4"><img src="4.jpg" title="这是图片title的值4"></a>
</div>
<div class="box2" id="box2"></div>
如何通过JS实现鼠标经过图片1.jpg 2.jpg 3.jpg 4.jpg的时候动态的提取这些图片的title指到box2中 展开
<a href="#" class="pic1"><img src="1.jpg" title="这是图片title的值"></a>
<a href="#" class="pic2"><img src="2.jpg" title="这是图片title的值2"></a>
<a href="#" class="pic3"><img src="3.jpg" title="这是图片title的值3"></a>
<a href="#" class="pic4"><img src="4.jpg" title="这是图片title的值4"></a>
</div>
<div class="box2" id="box2"></div>
如何通过JS实现鼠标经过图片1.jpg 2.jpg 3.jpg 4.jpg的时候动态的提取这些图片的title指到box2中 展开
3个回答
展开全部
<script type="text/javascript">
<!--
function Title( String ) {
document.getElementById('box2').innerHTML = String;
}
//-->
</script>
<div class="box" id="box">
<a href="#" class="pic1"><img src="1.jpg" title="这是图片title的值" onMouseOver="Title(this.title)" /></a>
<a href="#" class="pic2"><img src="2.jpg" title="这是图片title的值2" onMouseOver="Title(this.title)" /></a>
<a href="#" class="pic3"><img src="3.jpg" title="这是图片title的值3" onMouseOver="Title(this.title)" /></a>
<a href="#" class="pic4"><img src="4.jpg" title="这是图片title的值4" onMouseOver="Title(this.title)" /></a>
</div>
<div class="box2" id="box2"></div>
<!--
function Title( String ) {
document.getElementById('box2').innerHTML = String;
}
//-->
</script>
<div class="box" id="box">
<a href="#" class="pic1"><img src="1.jpg" title="这是图片title的值" onMouseOver="Title(this.title)" /></a>
<a href="#" class="pic2"><img src="2.jpg" title="这是图片title的值2" onMouseOver="Title(this.title)" /></a>
<a href="#" class="pic3"><img src="3.jpg" title="这是图片title的值3" onMouseOver="Title(this.title)" /></a>
<a href="#" class="pic4"><img src="4.jpg" title="这是图片title的值4" onMouseOver="Title(this.title)" /></a>
</div>
<div class="box2" id="box2"></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<a href="#" class="pic1">
<img src="1.jpg" onmouseover="document.getElementById('box2').innerHTML=this.title" title="23">
</a>
以其中一个为例吧，这个比较简化，正规点就声明个方法每个都调用一次就好了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
javascript中，元素自带属性title。你可以直接获取img元素，将元素的title获取。如下是一个小例子：
<body>
<img src="../1.jgp" title="xxxxxxx" id="img1" />
</body>
<script>
var oImg = document.getElementById('img1');
alert(oImg.title); //这个时候alert出来的就是：‘xxxxxxx’
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
