第一种:
当鼠标移动到td上时,就去掉onmouseover动作,并添加onmouseout动作(作用是恢复你的onmouseover动作)到这个td上,
当鼠标离开这个td时,重新加上onmouseover动作,并移除onmouseout动作
<td onmouseover="over()" id="td1" >
这样执行效率高,不会因为鼠标的移动而重复调用over函数
第二种:
在td中同时加onmouseover onmouseout两个动作,再设置一个全局变量 isOK
<td onmouseover="over()" onmouseout="overx()" id="td1" >
var isOK=true//初使为true,即可以替换,
//onmouseover调用:over函数,如下
function over(){
if(!isOK)return
//...你的替换代码
isOK=false
}
//onmouseout调用恢复函数,如下
function overx(){isOK=true}
添加节点append;移除节点removeChild;移动节点:var sdds=document.getElementById;创建节点createTextNode();查找节点:document.getElementsByTagName。
其他方法:
创建新节点
createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点
添加、移除、替换、插入
appendChild() //添加
removeChild() //移除
replaceChild() //替换
insertBefore() //插入
查找
getElementsByTagName() //通过标签名
称
getElementsByName() //通过元素的Name属性的值
getElementById() //通过元素Id,唯一性
实现一个函数clone,可以对JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制。