用JS怎么实现点击按钮改变指定div的id
在js中，可以使用setAttribute()方法改变div的id值。下面小编举例讲解用JS怎么实现点击按钮改变指定div的id。
东西/原料
- js
- 代码编纂器：Dreamweaver CS5
方式/步调
- 1
新建一个html文件，定名为test.html，用于讲解用JS怎么实现点击按钮改变指定div的id。
- 2
在test.html文件内，利用div标签建立一行文字，并设置其class为test。
- 3
在test.html文件内，设置div标签的id为myid，下面将利用js方式改变该id。
- 4
在test.html文件内，利用button标签建立一个按钮，给button按钮绑定onclick点击事务，当按钮被点击时，执行changeId()函数。
- 5
在js标签中，建立changeId()函数，在函数内，经由过程class获得div对象，再利用setAttribute()方式改变id值为mynewid。
- 6
在浏览器打开test.html文件，点击按钮，查看源代码成果。
END
总结：
- 1
1、利用div标签建立一行文字，并设置其class为test，id为myid。
2、在js中，经由过程class获得div对象，再利用setAttribute()方式改变id值为mynewid。
END
- 发表于 2020-06-05 19:00
- 阅读 ( 867 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章