js给img标签赋值src,css设置img的src

  js给img标签赋值src,css设置img的src

  本教程操作环境:windows7系统、javascript1.8.5版、戴尔自交第三代电脑。

  javascript设置img src值

  方法1:利用元素对象的src属性

  !声明文档类型

  超文本标记语言

  身体

  img src=img/1.jpg width=200 /

  p id=演示点击按钮来改变图片标签的内容100元/人

  button onclick=myFunction()试一下/按钮

  脚本

  函数myFunction() {

  var img=文档。getelementsbytagname( img )[0];

  img。src= img/2。jpg ;

  }

  /脚本

  /body

  /html效果图:

  方法2:利用setAttribute()方法

  setAttribute()方法添加指定的属性,并为其赋指定的值。如果这个指定的属性已存在,则仅设置/更改值。

  !声明文档类型

  超文本标记语言

  身体

  img src=img/1.jpg width=200 /

  p id=演示点击按钮来改变图片标签的内容100元/人

  button onclick=myFunction()试一下/按钮

  脚本

  函数myFunction() {

  var img=文档。getelementsbytagname( img )[0];

  img.setAttribute(src , img/3。jpg’);

  }

  /脚本

  /body

  /html效果图:

  【推荐学习:javascript高级教程】以上就是爪哇岛描述语言怎么设置图形文件名值的详细内容,更多请关注我们其它相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: