javascript取得background属性url
我给一个单元格设置了背景style=background:url(xxx.jpg)，想使用js获得背景的url，即xxx.jpg，有什么办法吗？我试过td.style.b...
我给一个单元格设置了背景style=background:url(xxx.jpg)，想使用js获得背景的url，即xxx.jpg，有什么办法吗？
我试过td.style.background不行。。 展开
我试过td.style.background不行。。 展开
6个回答
展开全部
<html>
<head>
<title></title>
</head>
<body>
<table border="1px">
<tr><td id='ceil' style=background:url(images/user_login_register.gif);>此处是单元格的内容</td></tr>
</table>
<script type="text/javascript">
var theURL = document.getElementById('ceil').style.background;
document.write(theURL);
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
参考一下代码,可以同时支持IE 和 Firefox 浏览器
<!--------------- CSS -------->
<style>
.C{background-image:url(http://www.baidu.com/img/logo-yy.gif); width:100px;height:100px;}
</style>
<!---------------HTML--------------->
<table>
<tr> <td id=tid class="C" >背景图片</td> </tr>
</table>
<br>
<!---------JavaScript----------->
<script>
function getUrl()
{
var td = document.getElementById('tid');
var url = "";
if( document.all )
{
url=td.currentStyle.backgroundImage;//IE
}
else
{
url= document.defaultView.getComputedStyle(td,null).getPropertyValue('background-image');//FF
}
return url;
}
</script>
<!--------------- CSS -------->
<style>
.C{background-image:url(http://www.baidu.com/img/logo-yy.gif); width:100px;height:100px;}
</style>
<!---------------HTML--------------->
<table>
<tr> <td id=tid class="C" >背景图片</td> </tr>
</table>
<br>
<!---------JavaScript----------->
<script>
function getUrl()
{
var td = document.getElementById('tid');
var url = "";
if( document.all )
{
url=td.currentStyle.backgroundImage;//IE
}
else
{
url= document.defaultView.getComputedStyle(td,null).getPropertyValue('background-image');//FF
}
return url;
}
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<script>
function getUrl()
{
var dd = document.getElementById('xxD');
alert(dd.style.background);
}
</script>
<body>
<div style="background:url('1.jpg')" id="xxD" onclick="getUrl()">xxx</div>
</body>
</html>
这样的方式能得到：url('1.jpg')
再截取一下字符串，不知道能否符合你的要求。
<script>
function getUrl()
{
var dd = document.getElementById('xxD');
alert(dd.style.background);
}
</script>
<body>
<div style="background:url('1.jpg')" id="xxD" onclick="getUrl()">xxx</div>
</body>
</html>
这样的方式能得到：url('1.jpg')
再截取一下字符串，不知道能否符合你的要求。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
完善一下二楼的，呵呵
<html>
<script>
function getUrl()
{
var dd = document.getElementById('xxD');
var cc = dd.split("'")[1];
alert(cc);
}
</script>
<body>
<div style="background:url('1.jpg')" id="xxD" onclick="getUrl()">xxx</div>
</body>
</html>
<html>
<script>
function getUrl()
{
var dd = document.getElementById('xxD');
var cc = dd.split("'")[1];
alert(cc);
}
</script>
<body>
<div style="background:url('1.jpg')" id="xxD" onclick="getUrl()">xxx</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
style.backgroundImage.replace("url(","").replace(")","")
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
