JavaScriptHTMLDOM集合(Collection)本章节介绍DOM集合的使用。HTMLCollection对象getElementsByTagName()方法返回HTMLCollection对象。HTMLCollection对象类似包含HTML元素的一个数组。以下代码获取文档所有的元素：实例varx=document.getElementsByTagName("p");集合中的元素可以通过索引(以0为起始位置)来访问。访问第二个元素可以是以下代码:y=x[1];尝试一下»HTMLCollection对象length属性HTMLCollection对象的length属性定义了集合中元
JavaScriptHTMLDOM集合(Collection)本章节介绍DOM集合的使用。HTMLCollection对象getElementsByTagName()方法返回HTMLCollection对象。HTMLCollection对象类似包含HTML元素的一个数组。以下代码获取文档所有的元素：实例varx=document.getElementsByTagName("p");集合中的元素可以通过索引(以0为起始位置)来访问。访问第二个元素可以是以下代码:y=x[1];尝试一下»HTMLCollection对象length属性HTMLCollection对象的length属性定义了集合中元
JavaScriptHTMLDOM元素(节点)本章节介绍如何向文档中添加和移除元素(节点)。创建新的HTML元素(节点)-appendChild()要创建新的HTML元素(节点)需要先创建一个元素，然后在已存在的元素中添加它。实例divid="div1">pid="p1">这是一个段落。p>pid="p2">这是另外一个段落。p>div>script>varpara=document.createElement("p");varnode=document.createTextNode("这是一个新的段落。");para.appendChild(node);varelement=document
JavaScriptHTMLDOM元素(节点)本章节介绍如何向文档中添加和移除元素(节点)。创建新的HTML元素(节点)-appendChild()要创建新的HTML元素(节点)需要先创建一个元素，然后在已存在的元素中添加它。实例divid="div1">pid="p1">这是一个段落。p>pid="p2">这是另外一个段落。p>div>script>varpara=document.createElement("p");varnode=document.createTextNode("这是一个新的段落。");para.appendChild(node);varelement=document
JavaScriptHTMLDOMEventListeneraddEventListener()方法实例在用户点击按钮时触发监听事件： document.getElementById("myBtn").addEventListener("click",displayDate);尝试一下»addEventListener()方法用于向指定元素添加事件句柄。addEventListener()方法添加的事件句柄不会覆盖已存在的事件句柄。你可以向一个元素添加多个事件句柄。你可以向同个元素添加多个同类型的事件句柄，如：两个"click"事件。你可以向任何DOM对象添加事件监听，不仅仅是HTML元素。如
JavaScriptHTMLDOMEventListeneraddEventListener()方法实例在用户点击按钮时触发监听事件： document.getElementById("myBtn").addEventListener("click",displayDate);尝试一下»addEventListener()方法用于向指定元素添加事件句柄。addEventListener()方法添加的事件句柄不会覆盖已存在的事件句柄。你可以向一个元素添加多个事件句柄。你可以向同个元素添加多个同类型的事件句柄，如：两个"click"事件。你可以向任何DOM对象添加事件监听，不仅仅是HTML元素。如
functionclickMeEvent(obj){if(obj.innerHTML=="Goodbye"){obj.style.display="none";}elseif(obj.innerHTML=="ThankYou"){obj.innerHTML="Goodbye";}elseif(obj.innerHTML=="ClickMeClickMeAgainAndAgain"){obj.innerHTML="ThankYou";}elseif(obj.innerHTML=="ClickMeClickMeAgain"){obj.innerHTML=obj.innerHTML+"AndAgai
functionclickMeEvent(obj){if(obj.innerHTML=="Goodbye"){obj.style.display="none";}elseif(obj.innerHTML=="ThankYou"){obj.innerHTML="Goodbye";}elseif(obj.innerHTML=="ClickMeClickMeAgainAndAgain"){obj.innerHTML="ThankYou";}elseif(obj.innerHTML=="ClickMeClickMeAgain"){obj.innerHTML=obj.innerHTML+"AndAgai
JavaScriptHTMLDOM-改变CSSHTMLDOM允许JavaScript改变HTML元素的样式。改变HTML样式如需改变HTML元素的样式，请使用这个语法：document.getElementById(id).style.property=新样式下面的例子会改变元素的样式：实例!DOCTYPEhtml>html>head>metacharset="utf-8">title>菜鸟教程(runoob.com)title>head>body>pid="p1">HelloWorld!p>pid="p2">HelloWorld!p>script>document.getElementByI
JavaScriptHTMLDOM-改变CSSHTMLDOM允许JavaScript改变HTML元素的样式。改变HTML样式如需改变HTML元素的样式，请使用这个语法：document.getElementById(id).style.property=新样式下面的例子会改变元素的样式：实例!DOCTYPEhtml>html>head>metacharset="utf-8">title>菜鸟教程(runoob.com)title>head>body>pid="p1">HelloWorld!p>pid="p2">HelloWorld!p>script>document.getElementByI
