问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

如何用javascript实现点击换class

发布网友 发布时间:2022-04-24 15:59

我来回答

6个回答

懂视网 时间:2022-04-24 20:21

假设,我们要使用setAttribute来改变一个dom的class时,应该如何写?
1. setAttribute("class","red")
2. setAttribute("className","red")

答案是:
选项1. 在firefox下使用
选项2. 在IE下使用

如果在IE下给DOM setAttribute("class") 使用IE Developer看结构会发现,DOM上面显示了两个class出来... 原来IE是把自定义的class和系统的class是区分开的。- -b

热心网友 时间:2022-04-24 17:29

你的程序可以改成:
function navbar(className)
{
var nav=document.getElementById("nav");
nav.className = nav.className=="navbar"?"tnavbar":"navbar";
}

以下我刚刚写的测试程序,证明上面的.className换class是没问题的!

<html>
<head>
<style>
div {width:100%;height:300px; }
.red {background-color:#ff0000;}
.green{background-color:#00ff00;}
.blue {background-color:#0000ff;}
</style>

<script>

function switchColor(obj)
{
document.body.className=obj.value;
}
</script>

</head>

<body>
<div></div>
<select onchange="switchColor(this)" >
<option value="red" >red</option>
<option value="green" >green</option>
<option value="blue" >blue</option>
</select>

</body>
</html>

热心网友 时间:2022-04-24 18:47

更换class请使用xxx.className=xxxx

function navbar(className){
var path = document.getElementById("nav");
path.className = (path.className=="navbar" ? "tnavbar" : "navbar");
}

热心网友 时间:2022-04-24 20:21

function navbar(className){
var path=document.getElementById("nav");

if (path.className=="navbar")
{
path.className="tnavbar";
}

else
path.className="navbar";
}

热心网友 时间:2022-04-24 22:13

这个代码在除IE外(不过IE8没有测试过)的浏览器里都应该可以

热心网友 时间:2022-04-25 00:21

else if (path.getAttribute("class")="tnavbar")

上面至少有一处错误,将‘=' 改成'=='
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
求这图片原图或者主角 出自哪一边电影或者电视剧 哪位大神知道这张图原版在吗?求原版。。。 在word中加下划线时第一次出现一条下划线第二次怎么就出现两条... 诛仙2资料站里的宠物展示能在npc买到吗 求一些诛仙2中的可以变为人形的宠物名字 诛仙2 神域的神农殿里,这是什么东西 诛仙2宠物元神问题 诛仙2 商城 中 宠物元神 怎么比 宠物 还贵啊?宠物元神是干什么的啊... 电热水器怎么安固定花洒 猛鬼夜惊魂剧情介绍 最后一次的温柔高音部分到哪个音节了? 谁知道歌手蓝雨的资料,他的《最后一次温柔》是哪年发行的? 有首歌里有一句“给我最后一次温柔”是什么歌名 “你说再也没有天长地久一起走 给我最后一次的温柔” 这首歌的歌名是什么? 江苏现在的高考模式? 江苏新高考模式数学教材和以前一样吗? 08江苏高考是什么模式? 野比大雄的生化危机,我到底该从哪部开始玩啊? 智力游戏小熊狮子过河游戏 全身紫色的萝莉背着镰刀,大招是召唤一只大熊然后坐在上面踩人,是哪个游戏里面的职业? 野比大雄的生化危机-原版(EasyType)怎么玩不了啊 大熊牛蛙对喷 dota 2017咋回事啊 游戏发展国森野大熊怎么得到 游戏发展国怎么雇大猩猩和大熊,机器人?10年了没看见过。给点建议。 一款任天堂红白机游戏,类似冒险岛,可以骑着小蜜蜂,骑着大熊 权力的游戏大熊扮演者 大熊的生化危机2下载后是压缩包,我用了RAR解压后不知道怎么打开游戏。那些图片什么意思啊!求解。亲 跪求《哆啦A梦:大雄的牧场物语》中文免安装版游戏百度云资源 有一个格斗游戏,里面有星矢,还有阿童木,阿童木能变大,还有机器猫里的大熊,请问这个游戏叫什么名字 机器猫中大雄玩的那种一个球用一根绳子连在一个类似于两端喇叭形的木棍上的游戏叫什么,谢! 最后一次温柔是什么类型的歌 最后一次温柔谁唱的? 有什么像犯错,最后一次温柔,不是因为寂寞才想你,听着情歌流眼泪,这样的歌曲? ——谢谢。 歌词是“你说再也没有天长地久的厮守 给我最后一次的温柔”歌名是什么 冻豆腐放在火锅里吃用不用先把水挤掉 请解答ups和eps后备式和在线式和互动式谢谢? coverastory什么意思? 单人cover什么意思 电纸书容易坏吗 电纸书容易坏吗? 我想知道《滚石评选500有史最伟大的歌1》里那首The Weight The Band到底是谁唱的? 东方神起 4辑 翻译来高手 怎样在WINpe上装我想要的软件? 阿姆2009五月最新专辑的封面是什么啊!非常感谢! PE下可以安装软件吗 winpe下怎么安装程序? windows PE 上面能直接装软件 不伤眼睛的电子书阅读器 Sticking 是什么意思?