用JS怎么写一个点击按钮就可以改变指定div的ID或者class名呢

如题所述

推荐答案 2015-08-11

<!DOCTYPE html>
<html>
<head>
<style>
.c1{
  background:red;
}
.c2{
  background:blue;
}
</style>
</head>
<body>

<script>
function changeclass(){
  var divEle= document.getElementById('diva');
  divEle.className='c2';//改变样式
  divEle.id='cccc';//改变id
  var divEle2= document.getElementById('cccc');
  alert("停顿");
  divEle.className='c1';
}
</script>
<div id='diva' class='c1'>111</div>
<input type='button' onclick='changeclass()' value='改变样式'/>
</body>
</html>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/C2606XfhIhfffXIS2Sh.html

其他回答

第1个回答推荐于2017-05-16

使用jQuery
class 和 id 均是标签的属性，使用$(选择的标签).attr("id","值")，$(选择的标签).attr("class","值")即可追问

不懂，举个例子例子，写下完整的代码

追答<div id="test1" class="demo1"></div>

<input type="button" onclick="change();"/>


function change(){
    $("#test1").attr("id","test2");//改变id
    $("#test1").attr("class","demo2");//改变class
    $("#test1").attr({"id":"test2","class","demo2"});//改变id和class
}

追问

嗯，我看看

第2个回答 2014-04-12

<input type="button" onclick="var abc = document.getElementById('abc'); abc.id='ddd'; abc.className='fff';" />

<div id="abc"></div>追问

不行啊，没反应

追答

那我也不知道了

追问

你试了可以么？

本回答被网友采纳

相似回答

jquery或者JS怎么改class的名字答：1、HTML结构 <style>.red{color:red !important;}.blue{color:blue !important;}</style><div id="test">我是示例DIV</div><input type="button" id="js" value="使用javascript方法修改类名为red"><br><input type="button" id="jq" value="使用jquery方法修改类名为blue"><br>2、jque...

如何用javascript改变DIV中的内容?答：通过document.getElementById("div的ID名字").innerHTM=“你要设置的值”来实现。代码示例如下：=== <html> <head> <meta charset="UTF-8"> <script> function ChangeDiv(){ document.getElementById("1").innerHTML="内容2";} </script> </head> <br> <br> <br> <div id = "1" ...

大家正在搜

按钮的按怎么写点击按钮进入下一关记住这个按钮然后点击点击跳过按钮进入下一关而且的且怎么写按怎么写很多的很怎么写它们的它怎么写然后的然怎么写