DOM แท็ก ing

property
align
alt
border
height
id
longDesc
lowsrc
name
src
vspace
width


align กำหนดการวางรูปภาพ
ตัวอย่าง

<img id="image1" src="test.jpg">

document.all.image1.align="left";

ตัวอย่างเป็นการกำหนดให้รูปภาพอยู่ชิดซ้าย
ค่าที่เป็นไปได้คือ left | right | top | middle | bottom


alt กำหนดข้อความเมื่อนำmouseวางบนรูป
ตัวอย่าง
<img id="image1" src="test.jpg">

document.all.image1.alt="test รูป";

ตัวอย่างเป็นการกำหนดให้เมื่อเอา mouse วางบนรูปภาพจะแสดงข้อความ test รูป


border กำหนดขนาดขอบของรูปภาพ
ตัวอย่าง

<img id="image1" src="test.jpg">

document.all.image1.border="10";

ตัวอย่างเป็นการกำหนดขนาดขอบของรูปภาพให้มีค่า 10 pixels


height กำหนดความสูงของรูปภาพ
ตัวอย่าง

<img id="image1" src="test.jpg">

document.all.image1.height="200";

ตัวอย่างเป็นการกำหนดขนาดความสูงของรูปภาพให้มีค่า 200 pixels


hspace กำหนดช่องวางด้านขวาและซ้ายของรูปภาพ(ช่องวางด้านแนวนอนของรูปภาพ)
ตัวอย่าง

<img id="image1" src="test.jpg">

document.all.image1.hspace="10";

ตัวอย่างเป็นการกำหนดช่องวางด้านขวาและซ้ายของรูปภาพให้มีค่า 10 pixels


id กำหนดหรือรับค่าid
ตัวอย่าง

<html>
<head> </head>
<body>
<img id="image1" src="test.jpg"><br>
<script type="text/javascript">
document.write(document.all.image1.id);
</script>
</body>
</html>

จากตัวอย่างเมื่อเปิดweb page จะทำการพิมพ์ id ของ แท็ก img


longDesc ข้อความบรรยายภาพ
ตัวอย่าง
<img id="image1" src="test.jpg" longdesc="การทดสอบรูปภาพ">

document.write(document.all.image1.longDesc);

ตัวอย่างเป็นการแสดงข้อความสำหรับlongdesc ซึ่งเป็น property สำหรับใช้บรรยายรูปภาพ


lowsrc กำหนด url ของรูปความละเอียดต่ำ
ตัวอย่าง
<html>
<body>
<img id="image1" src="heightResolution.jpg" lowsrc="lowResolution.jpg">

< script type="text/javascript">
document.write('<a href="' + document.all.image1.lowsrc + '">รูปความละเอียดต่ำ</a>');
</script>

</body>
</html>

จากตัวอย่างเป็นกา รทำ link เพื่อแสดงรูปความละเอียดต่ำ



name ค่าnameของรูปภาพ
ตัวอย่าง
<img id="image1" src="test.jpg" name="nameImage1">

document.write(document.all.image1.name);

จากตัวอย่างเป็นการพิมพ์ name ของ แท็ก img


src ค่าURLของรูปภาพ
ตัวอย่าง
<img id="image1" src="test.jpg">

document.write(document.all.image1.src);

จากตัวอย่างเป็นการพิมพ์ src ของ แท็ก img


vspace กำหนดช่องวางด้านบนและล่างของรูปภาพ(ช่องวางด้านแนวตั้งของรูปภาพ)
ตัวอย่าง

<img id="image1" src="test.jpg">

document.all.image1.vspace="10";

ตัวอย่างเป็นการกำหนดช่องวางด้านบนและล่างของรูปภาพให้มีค่า 10 pixels


width กำหนดความกว้างของรูปภาพ
ตัวอย่าง

<img id="image1" src="test.jpg">

document.all.image1.width="10";

ตัวอย่างเป็นการกำหนดความกว้างของรูปภาพให้มีค่า 10 pixels



menu DOM