1. <html>
  2.  
  3. <body>
  4.  
  5. <img id="compman" src="0387.jpg" alt="Computerman" name="Computerman"/>
  6.  
  7. <p>Some text. Some text. Some text. Some text.</p>
  8.  
  9. <script type="text/javascript">
  10.  
  11. //Image 对象
  12. //align 属性可设置返回与内联内容的对齐方式
  13.  
  14. /*document.getElementById("compman").align="bottom";
  15.  
  16. //alt 属性可设置或返回图像无法显示时的替代文本
  17.  
  18. var x = document.getElementById("compman");
  19. alert(x.alt);                //Computerman
  20.  
  21. var x = document.getElementById("compman");
  22.  
  23. x.border = "3";
  24.  
  25. //complete 属性可返回浏览器是否已完成对图像的加载。
  26.  
  27. //如果加载完成，则返回 true，否则返回 fasle
  28.  
  29. var x = document.getElementById("compman");
  30. alert(x.complete);            //true
  31.  
  32. //height 属性可设置或返回图像的高度
  33.  
  34. var x = document.getElementById("compman");
  35. x.height = "100";
  36.  
  37. //width 属性可设置或返回图像的宽度
  38.  
  39. var x = document.getElementById("compman");
  40. x.width = "100";
  41.  
  42. //hspace 属性可设置或返回图像的左边缘和右边缘的空白
  43.  
  44. var x = document.getElementById("compman");
  45. x.hspace = "100";
  46.  
  47. //vspace 属性可设置或返回图像的上边缘和下边缘的空白
  48.  
  49. var x = document.getElementById("compman");
  50. x.vspace = "100";
  51.  
  52. //id 属性可设置或返回图像的 id
  53.  
  54. var x = document.getElementsByTagName('img')[0];
  55. alert(x.id);                //compman
  56.  
  57. //name 属性可设置或返回图像的名称
  58.  
  59. var x = document.getElementById("compman");
  60. alert(x.name);                //Computerman
  61.  
  62. //src 属性可设置或返回图像的 URL
  63.  
  64. var x = document.getElementById("compman");
  65. alert(x.src);                //http://localhost/js/dom/0387.jpg
  66.  
  67. //className 属性设置或返回元素的 class 属性
  68.  
  69. var x = document.getElementById("compman");
  70. x.className = "compman";
  71.  
  72. alert(x.className);            //compman
  73. */
  74.  
  75. //title 属性设置或返回元素的（咨询性质的）标题
  76. var x = document.getElementById("compman");
  77.  
  78. x.title = "image";
  79. alert(x.title);            //compman
  80.  
  81. </script>
  82.  
  83. </body>
  84. </html>

Image 对象的更多相关文章

  1. 如何一步一步用DDD设计一个电商网站（九）—— 小心陷入值对象持久化的坑

    阅读目录 前言 场景1的思考 场景2的思考 避坑方式 实践 结语 一.前言 在上一篇中(如何一步一步用DDD设计一个电商网站(八)—— 会员价的集成),有一行注释的代码: public interfa ...

  2. javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈

    Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...

  3. 探究javascript对象和数组的异同，及函数变量缓存技巧

    javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...

  4. Asp.Net WebApi核心对象解析（下篇）

    在接着写Asp.Net WebApi核心对象解析(下篇)之前,还是一如既往的扯扯淡,元旦刚过,整个人还是处于晕的状态,一大早就来处理系统BUG,简直是坑爹(好在没让我元旦赶过来该BUG),队友挖的坑, ...

  5. JS核心系列：浅谈原型对象和原型链

    在Javascript中,万物皆对象,但对象也有区别,大致可以分为两类,即:普通对象(Object)和函数对象(Function). 一般而言,通过new Function产生的对象是函数对象,其他对 ...

  6. Chrome出了个小bug：论如何在Chrome下劫持原生只读对象

    Chrome出了个小bug:论如何在Chrome下劫持原生只读对象 概述 众所周知,虽然JavaScript是个很灵活的语言,浏览器里很多原生的方法都可以随意覆盖或者重写,比如alert.但是为了保证 ...

  7. XStream将java对象转换为xml时，对象字段中的下划线“_”，转换后变成了两个的解决办法

            在前几天的一个项目中,由于数据库字段的命名原因 其中有两项:一项叫做"市场价格"一项叫做"商店价格" 为了便于区分,遂分别将其命名为market ...

  8. ASP.NET内置对象的总结

    1. Response对象可形象的称之为响应对象,用于将数据从服务器发送回浏览器. 实例源码:链接: http://pan.baidu.com/s/1dDCKQ8x 密码: ihq0  2. Requ ...

  9. ADO.NET对象的详解

    1. Connection 类 和数据库交互,必须连接它.连接帮助指明数据库服务器.数据库名字.用户名.密码,和连接数据库所需要的其它参数.Connection对象会被Command对象使用,这样就能 ...

  10. 对Castle Windsor的Resolve方法的解析时new对象的探讨

    依赖注入框架Castle Windsor从容器里解析一个实例时(也就是调用Resolve方法),是通过调用待解析对象的构造函数new一个对象并返回,那么问题是:它是调用哪个构造函数呢? 无参的构造函数 ...

随机推荐

  1. Android用户界面设计：框架布局（转）

    摘要:框架布局是Android开发者组织视图控件最简单和最有效的布局之一.通过本文,你将学到所有关于框架布局的知识,它们主要用来在屏幕上组织特别的或重叠的视图控件.使用得当的话,很多有趣的Androi ...

  2. （大数据工程师学习路径）第一步 Linux 基础入门----用户及文件权限管理

    用户及文件权限管理 实验介绍 1.Linux 中创建.删除用户,及用户组等操作. 2.Linux 中的文件权限设置. 一.Linux 用户管理 Linux 是一个可以实现多用户登陆的操作系统,比如“李 ...

  3. JavaEE(9) - Session EJB的生命周期、事务及拦截器

    1. SessionBean的生命周期 无状态Session Bean: 不存在状态-->待命状态-->被销毁状态 不存在状态-->待命状态: 1)通过构造器创建EJB实例 2)执行 ...

  4. SQL导入txt以及SQL中的时间格式操作

    原文:SQL导入txt以及SQL中的时间格式操作 MySQL中导入txt的指令为: load data local infile "路径名称" into table "表 ...

  5. ArcGIS JavaScript API本地部署离线开发环境[转]

    原文地址:http://www.cnblogs.com/brawei/archive/2012/12/28/2837660.html 1 获取ArcGIS JavaScript API API的下载地 ...

  6. background-position 具体的使用说明

    语法: background-position : length || length background-position : position || position 值: length  : ...

  7. event.srcElement与event.target的区别

    window.event.srcElement与window.event.target 都是指向触发事件的元素,它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用,因为 ...

  8. Yii Framework2.0开发教程（10）配合mysql数据库实现用户登录

    1.首先在mysql创建一个存用户的表格 create table test_user ( user_id bigint(20) unsigned not null auto_increment co ...

  9. Mac下Android配置及unity3d的导出Android

    昨晚实在弄的太晚了,费尽脑汁才弄出来. ok,关于mac下的eclipse的安卓配置,我仅仅贴一个网址,就ok了 http://developer.android.com/sdk/index.html ...

  10. c#-Artificial Intelligence Class

    NET Artificial Intelligence Class http://www.codeproject.com/KB/recipes/aforge_neuro/neuro_src.zip