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>
相关文章
