用JS怎么实现点击按钮改变指定div的id

在js中 , 可以使用setAttribute()方法改变div的id值 。 下面小编举例讲解用JS怎么实现点击按钮改变指定div的id 。

用JS怎么实现点击按钮改变指定div的id

文章插图

需要这些哦
js
代码编纂器:Dreamweaver CS5
方式/
1【用JS怎么实现点击按钮改变指定div的id】新建一个html文件 , 定名为test.html , 用于讲解用JS怎么实现点击按钮改变指定div的id 。
用JS怎么实现点击按钮改变指定div的id

文章插图

2在test.html文件内 , 利用div标签建立一行文字 , 并设置其class为test 。

用JS怎么实现点击按钮改变指定div的id

文章插图

3在test.html文件内 , 设置div标签的id为myid , 下面将利用js方式改变该id 。

用JS怎么实现点击按钮改变指定div的id

文章插图

4在test.html文件内 , 利用button标签建立一个按钮 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行changeId()函数 。
用JS怎么实现点击按钮改变指定div的id

文章插图

5在js标签中 , 建立changeId()函数 , 在函数内 , 经由过程class获得div对象 , 再利用setAttribute()方式改变id值为mynewid 。

用JS怎么实现点击按钮改变指定div的id

文章插图

6在浏览器打开test.html文件 , 点击按钮 , 查看源代码成果 。
用JS怎么实现点击按钮改变指定div的id

文章插图

用JS怎么实现点击按钮改变指定div的id

文章插图

总结:11、利用div标签建立一行文字 , 并设置其class为test , id为myid 。
2、在js中 , 经由过程class获得div对象 , 再利用setAttribute()方式改变id值为mynewid 。


以上内容就是用JS怎么实现点击按钮改变指定div的id的内容啦 , 希望对你有所帮助哦!

    推荐阅读