用JS给<img>标签加class属性
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<img src="" />
<img src="" />
</body>
</html>
如何能让 这些img 自动加上一个 class ="nav" 呢？？ 用JS实现 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<img src="" />
<img src="" />
</body>
</html>
如何能让 这些img 自动加上一个 class ="nav" 呢？？ 用JS实现 展开
3个回答
展开全部
window.onload=function(){
var imgs=document.getElementsByTagName('img');
for(var i=0;i<imgs.length;i++){
imgs[i].setAttribute('class','nav');
}
}
追问
你给的JS
这样？ 但没实现到哦！
追答
亲 这是我全部的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
.nav{background:red;}
</style>
<title>无标题文档</title>
</head>
<body>
<script>
window.onload=function(){
var imgs=document.getElementsByTagName('img');
for(var i=0;i<imgs.length;i++){
imgs[i].setAttribute('class','nav');
}
}
</script>
<img src="" />
<img src="" />
</body>
</html>
然后在火狐浏览器中测试的，测试通过，截图如下：
此外，因为IE与firefox的不兼容，可以使用兼容写法：IE和FF都支持object.className：
即将imgs[i].setAttribute('class','nav');改为imgs[i].className='nav';
你可以打开调试工具，看img的class变化没？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
img.className = 'nav'
追问
能帮我写个完整的代码吗
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
