Image 对象

<html>

<body>

<img id="compman" src="0387.jpg" alt="Computerman" name="Computerman"/>
    
<p>Some text. Some text. Some text. Some text.</p>
    
<script type="text/javascript">

//Image 对象
//align 属性可设置返回与内联内容的对齐方式

/*document.getElementById("compman").align="bottom";

//alt 属性可设置或返回图像无法显示时的替代文本

var x = document.getElementById("compman");
alert(x.alt);                //Computerman

var x = document.getElementById("compman");

x.border = "3";

//complete 属性可返回浏览器是否已完成对图像的加载。

//如果加载完成,则返回 true,否则返回 fasle

var x = document.getElementById("compman");
alert(x.complete);            //true

//height 属性可设置或返回图像的高度

var x = document.getElementById("compman");
x.height = "100";

//width 属性可设置或返回图像的宽度

var x = document.getElementById("compman");
x.width = "100";

//hspace 属性可设置或返回图像的左边缘和右边缘的空白

var x = document.getElementById("compman");
x.hspace = "100";

//vspace 属性可设置或返回图像的上边缘和下边缘的空白

var x = document.getElementById("compman");
x.vspace = "100";

//id 属性可设置或返回图像的 id

var x = document.getElementsByTagName('img')[0];
alert(x.id);                //compman

//name 属性可设置或返回图像的名称

var x = document.getElementById("compman");
alert(x.name);                //Computerman

//src 属性可设置或返回图像的 URL

var x = document.getElementById("compman");
alert(x.src);                //http://localhost/js/dom/0387.jpg

//className 属性设置或返回元素的 class 属性

var x = document.getElementById("compman");
x.className = "compman";

alert(x.className);            //compman
*/

//title 属性设置或返回元素的(咨询性质的)标题
var x = document.getElementById("compman");

x.title = "image";
alert(x.title);            //compman

</script>

</body>
</html>



posted @ 2013-08-02 23:01  坚固66  阅读(191)  评论(0编辑  收藏  举报