DOM元素的方法

DOM元素的方法

属性	描述
使用addEventListener（EVENTTYPE，听众，将useCapture） 不支持IE浏览器，它采用的attachEvent（）代替。	功能与特定事件相关联的事件绑定到当前节点。 addEventListener()接受以下3个参数： 1）事件类型：字符串，表示事件绑定，但“ on “前缀。 例如，“ click “，” mousedown “等。  2）侦听器对象或函数触发事件触发时。 实际输入的参数应该是一个参考的功能或对象（即：“ dothis “而不是” dothis()  3）将useCapture：布尔值，表示是否绑定事件，因为它是向目标节点（事件捕捉），或作为事件气泡向上的目标（事件气泡）propogating。 设置为true或false。 使用DOM绑定事件的优点是，你可以分配多个功能相同的事件（即： window.onload ）一个节点，而无需运行到事件处理程序冲突。 示例（S）： 函数statusreport（）{  警报（“文件已加载”）  }  如果（window.addEventListener）  window.addEventListener（“负荷”，statusreport，假）/ /调用函数  在window.onload = statusreport（）/ /函数再次调用，因为没有事件处理程序冲突 由于监听器必须是一个函数引用，一个常见的问题是如何指定的侦听器，使其可以接收自己的参数。 该解决方案是在一个匿名函数的引用，只是包监听： 功能dothis（）{  警报（“妈妈说，这样做”+）  }  如果（window.addEventListener）  window.addEventListener（“负荷”， 函数（）{dothis（'功课'）}，FALSE）/ /调用函数 click mousemove addEventListner()事件，如“ click “或”的mousemove “，填充事件对象的额外信息，如鼠标是当时，默默地听者传递这个对象。 要接受它，在匿名函数定义了一个单一的参数： 功能getcoord（EVT）{  警报（“你在坐标点击[”+ evt.clientX +“，”+ evt.clientY +“]”）  }  （document.addEventListener）  document.addEventListener（“点击”功能（EVT）{getcoord（EVT）}，FALSE）/ /调用函数
的attachEvent（EVENTTYPE，功能） IE 5 +的唯一功能	IE5 +专有相当于的addEventListener() 需要注意的是，即使字符串为参数eventType应包括“开”的前缀（即：“ onload “，” onclick “等）。 示例（S）： 如果（window.attachEvent）  window.attachEvent（“onload事件”，statusreport）/ /调用函数
appendChild（节点）	在当前节点对象的末尾插入指定的节点。 经常使用的一种方法用于动态追加一个新的元素或文本文件。 示例（S）： <div id="test"> </ DIV>  <script type="text/javascript">  VAR newdiv = document.createElement方法（“DIV”）  变种会将newText = document.createTextNode（“一个新的div”）  newdiv.appendChild（会将newText）/ /文本追加到新的div  （“测试”）。的appendChild（newdiv）/ /追加新的div另一个div  </ SCRIPT> appendChild()一个有趣的特点是它可以用来直接将现有的页面上的元素，使其成为孩子不同的父。 有没有必要先删除从以前的父元素，方法总是检查先看看，如果附加beind目前已经有一个父元素，并删除它首先从该家长如果发现是真实的。 下面的示例将H1元素从当前位置到最后的文件： <h1 id="myheader">欢迎到JavaScript工具包</ H1>  <P>希望你喜欢这个网站！</ P>  <script type="text/javascript">  的document.body.appendChild（的document.getElementById（的“myheader”））/ /移动“myheader的”结束的页面  </ SCRIPT>