js怎样添加、移除、移动、复制、创建和查找节点？

JavaScript017

js怎样添加、移除、移动、复制、创建和查找节点？,第1张

添加节点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)进行值复制。

这写的有点太乱了吧，js和jQuery结合？！！？

js这样写一句话就可以

document.getElementsByTagName("input")[0].setAttribute("disabled", "disabled")

jQuery这样一句话就可以

$("input").attr("disabled","disabled")

jQuery attr() 方法设置或返回被选元素的属性值。

获取属性值语法

$(selector).attr(attribute)

参数描述

attribute规定要获取其值的属性。

设置属性

设置被选元素的属性和值。

语法

$(selector).attr(attribute,value)

参数 描述

attribute规定属性的名称。

value 规定属性的值。

通过节点的style属性添加

1、定义一个节点

<div id='tsdiv'></div>

2、获取div节点

var domdiv = document.getElementById('tsdiv')//通过document.getElementById获取dom节点

3、添加style

div.style.display = 'none'//添加style属性，设置display样式为none