js如何取得div的value值

在js中,可以使用getAttribute()方法获得div的value值。下面小编举例讲解js如何取得div的value值。

ad121888912ca5caebb959fd8bfc77f7990e94ea.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1

东西/原料

  • html+js
  • 代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解js如何取得div的value值。

    c255efc595ee41c1857665e68d88912ca4ca9bea.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  2. 2

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

    6bbfdd14f1c595ee70907e9227530688902c9aea.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  3. 3

    在test.html文件内,设置div的value属性值为abcd。

    f0848bee41c1b7279f02cf3d1a2ca5cadde898ea.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  4. 4

    在test.html文件内,利用button标签建立一个按钮,给button按钮绑定onclick点击事务,当按钮被点击时,执行getvu()函数。

    94af5fc1b727ac5332d958992ecadce8914899ea.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  5. 5

    在js标签中,建立getvu()函数,在函数内,经由过程id获得div对象,利用getAttribute()方式获得value属性值,并利用alert()方式输出属性值。

    4080a927ac530688a47d6c7f57e8904801fc96ea.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  6. 6

    在浏览器打开test.html文件,点击按钮,查看成果。

    b666b2530688912c939b155d1b4800fc76f797ea.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1

总结:

  1. 1

    1、利用div标签建立一行文字,并设置其id为mydiv,设置div的value属性值为abcd。

    2、在js中,经由过程id获得div对象,利用getAttribute()方式获得value属性值,并利用alert()方式输出属性值。

  • 发表于 2020-06-07 19:00
  • 阅读 ( 202 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论