学习笔记之DHTML部分

---DHTML Object Model (DOM)---

DOM: DHTML的元素都都可以用 目录树的结构进行访问

访问元素的方法：
Document.all("myID")
Document.all(IndexID)
document.all.MyID
MyID

同ID的元素有多个时：
if (document.all("MyID").length != null)
alert("The first element that has the identifier MyID: " + document.all("MyID").item(0).tagName);
或：
var el = document.all.item("MyID",0);
if (el != null)
alert("The first element that has the identifier MyID: " + el.tagName);

根据标签类型取同一类型的东东进行操作：
var doc_tables = document.all.tags("TABLE");
for (i=0; i<doc_tables.length; i++)
doc_tables(i).border = 1;

var coll = document.all.tags("H1");
for (i=0; i<coll.length; i++)
coll[i].style.color = "green";

用Attribute 来动态访问　property及增加属性
用getAttribute, setAttribute, and removeAttribute

if (MyHeading.getAttribute("align")=="middle")
MyHeading.setAttribute("align","center");
if (MyHeading.getAttribute("xyz")!="123")
MyHeading.setAttribute("xyz","123");

访问一个元素的所有子元素，直接子元素，父元素
myID.All myID.children myID.parentElement

参考内容：
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp