DOM แท็ก A
property
accessKey
href
id
innerHTML
tabIndex
target
accessKey กำหนดคีย์ด่วน
ตัวอย่าง
<html>
<head>
<script type="text/javascript">
function addkey()
{
document.getElementById('google').accessKey="g";
document.getElementById('yahoo').accessKey="y";
}
</script>
</head>
<body onload="addkey()">
<a id="google" href="http://www.google.com">www.google.com</a><br>
<a id="yahoo" href="http://www.yahoo.com">www.yahoo.com</a><br>
</body>
</html>
ตัวอย่างเมื่อเปิดweb page ขึ้นมาฟังก์ชัน addkey() จะทำงานกำหนดคีย์ให้กับแท็ก
A
ถ้ากด Alt + g จะ focus ที่ google
ถ้ากด Alt + y จะ focus ที่ yahoo
href กำหนดaddressของlink
ตัวอย่าง
<html>
<head>
<script type="text/javascript">
function changelink()
{
document.getElementById('testlink').innerHTML="yahoo.com";
document.getElementById('testlink').href="http://www.yahoo.com";
}
</script>
</head>
<body>
<a id="testlink" href="http://www.google.com" onMouseMove="changelink()">www.google.com</a><br>
</body>
</html>
จากตัวอย่างเมื่อเปิดweb page ขึ้นแล้วนำลูกศรไปวางไว้ที่ link ฟังก์ชัน changelink()
จะทำงาน เปลี่ยนข้อความของ link ไปเป็น yahoo.com และเมื่อ click ก็จะlink ไปที่
http://www.yahoo.com
id กำหนดหรือรับค่าid
ตัวอย่าง
<html>
<head> </head>
<body>
<a id="IdGoogle" name="NameGoogle" href="http://www.google.com">www.google.com</a><br>
<script type="text/javascript">
temp=document.all.IdGoogle;
document.write(temp.id);
</script>
</body>
</html>
จากตัวอย่างเมื่อเปิดweb page จะทำการพิมพ์ id ของ แท็ก a ที่ทดสอบคือIdGoogle
innerHTML ข้อความภายในแท็ก
ตัวอย่าง
<html>
<head>
<script type="text/javascript">
function change()
{
document.getElementById('testlink').innerHTML="yahoo.com";
}
</script>
</head>
<body>
<a id="testlink" href="http://www.google.com" onMouseMove="changelink()">www.google.com</a><br>
</body>
</html>
จากตัวอย่างเมื่อเปิดweb page ขึ้นแล้วนำลูกศรไปวางไว้ที่ link ฟังก์ชัน change()
จะทำงาน เปลี่ยนข้อความของ link ไปเป็น yahoo.com
tabIndex ลำดับการกดแท็บ
ตัวอย่าง
<html>
<head> </head>
<body>
<a id="link1" href="http://www.google.com">link1</a><br>
<a id="link2" href="http://www.google.com">link2</a><br>
<a id="link3" href="http://www.google.com">link3</a><br>
<script type="text/javascript">
document.all.link1.tabIndex=3;
document.all.link2.tabIndex=2;
document.all.link3.tabIndex=1;
</script>
</body>
</html>
จากตัวอย่างเป็นการกำหนดลำดับการกดแท็บให้เปลี่ยนจากล่างขึ้นบน
target กำหนดรูปแบบการเปิดหน้าต่าง
ตัวอย่าง
<a id="link1" href="http://www.google.com">link1</a><br>
document.all.link1.target="_blank";
จากตัวอย่างเป็นการกำหนดรูปแบบการเปิดหน้าต่างของ link ค่าที่เป็นไปได้คือ
_blank
_parent
_self
_top