javaScript(JS)替换节点问题

JavaScript018

javaScript(JS)替换节点问题,第1张

给你两个思路,

第一种:

当鼠标移动到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)进行值复制。