创建一个元素节点:
1 creatElement() 按照给定的标签名创建一个新的元素节点。
方法只有一个参数 被创建的元素节点的名字 是一个字符串
方法的返回值 是 一个指向新键节点的引用指针,返回值是一个元素节点
所以它的Nodetype的属性值等于1
**新元素节点不会自动添加到文档里 它只是一个存在于javascript 上下文的兑现
2创建一个文本节点
createTextNode(); 创建一个包含着给定文本的新文本节点
这个方法的返回值是一个指向新建文本节点引用指针
它是一个文本节点 所以它的NodeType 属性等于3
方法只有一个参数 新建文本节点所包含的文本字符串,新元素节点不会自动添加到文档里
获取submit 对应的按钮submitbtn
为submit添加onclick响应函数
选择所有的name="type" 的节点 types
遍历所有的types 检查是否有一个type的checked属性存在,就可以说明有一个type被选中了“若
通过if(元素节点.属性名)来判断某一个元素节点是否有该属性
4.3若没有任何一个type被选中 则 弹出”请选择类型“ 相应方法结束
5 获取name="name"的文本值: 通过value属性
6去除nameVal的前后空格
var nameVal=" asia ";
alert("--"+nameVal+"--");
var reg=/^\s*|\s*/g;
nameVal=nameVal.replace(reg,"");
6把 nameVal和""进行比较,若是""说明只输入了空格,”弹出“
输入内容
7 创建li 节点
8利用nameVal 创建文本节点
9把8加为7的子节点
10 把7加为选择的type对应的ul的子节点
二 节点的替换
1) replaceChild() 把一个给定父元素里的一个子节点替换为另外的一个子节点
var reference=element.replaceChild(newChild,oldChild);
返回值是一个指向已被替换的那个子节点的引用指针
2该节点除了替换功能以外还有移动的功能
3) 该方法只能完成单向替换,若需要使用双向替换,需要自定义函数
bjnode
cloneNode(deep) 若deep为true 则可以克隆子节点
三 删除节点
1) removeChild();从一个给定元素里删除一个子节点
var reference=element.removeChild(node);
返回值是一个指向已被删除的子节点的引用指针
某个节点被removeChild()方法删除时 ,这个节点说包含的所有子节点将同时被删除
如果想删除某个节点,但部知道它的父节点是哪一个,parentNode属性可以帮忙
//需求 : 若checked2被选中 ,则name=items得checkbox都被选中 若取消选中 则取消选择
//若name=items得checkbox都被选中 ,则name=checked2得check也被选中
//若name=itmes得checkbox有一个没有被选中,则checked2取消选中
//提示:事件需要嫁给#checked2,获取name=items得checkbox数组
//判断是否被选中 ,若被选择,则name=items得checkbox都要被选择
//若没有被选择,则name=items得checkbox 都要被取消
//根据是否存在checked属性来判断是否被选择 可以使其checked=true 被选择 checked=false 取消选择
1 creatElement() 按照给定的标签名创建一个新的元素节点。
方法只有一个参数 被创建的元素节点的名字 是一个字符串
方法的返回值 是 一个指向新键节点的引用指针,返回值是一个元素节点
所以它的Nodetype的属性值等于1
**新元素节点不会自动添加到文档里 它只是一个存在于javascript 上下文的兑现
2创建一个文本节点
createTextNode(); 创建一个包含着给定文本的新文本节点
这个方法的返回值是一个指向新建文本节点引用指针
它是一个文本节点 所以它的NodeType 属性等于3
方法只有一个参数 新建文本节点所包含的文本字符串,新元素节点不会自动添加到文档里
获取submit 对应的按钮submitbtn
为submit添加onclick响应函数
选择所有的name="type" 的节点 types
遍历所有的types 检查是否有一个type的checked属性存在,就可以说明有一个type被选中了“若
通过if(元素节点.属性名)来判断某一个元素节点是否有该属性
4.3若没有任何一个type被选中 则 弹出”请选择类型“ 相应方法结束
5 获取name="name"的文本值: 通过value属性
6去除nameVal的前后空格
var nameVal=" asia ";
alert("--"+nameVal+"--");
var reg=/^\s*|\s*/g;
nameVal=nameVal.replace(reg,"");
6把 nameVal和""进行比较,若是""说明只输入了空格,”弹出“
输入内容
7 创建li 节点
8利用nameVal 创建文本节点
9把8加为7的子节点
10 把7加为选择的type对应的ul的子节点
二 节点的替换
1) replaceChild() 把一个给定父元素里的一个子节点替换为另外的一个子节点
var reference=element.replaceChild(newChild,oldChild);
返回值是一个指向已被替换的那个子节点的引用指针
2该节点除了替换功能以外还有移动的功能
3) 该方法只能完成单向替换,若需要使用双向替换,需要自定义函数
bjnode
cloneNode(deep) 若deep为true 则可以克隆子节点
三 删除节点
1) removeChild();从一个给定元素里删除一个子节点
var reference=element.removeChild(node);
返回值是一个指向已被删除的子节点的引用指针
某个节点被removeChild()方法删除时 ,这个节点说包含的所有子节点将同时被删除
如果想删除某个节点,但部知道它的父节点是哪一个,parentNode属性可以帮忙
//需求 : 若checked2被选中 ,则name=items得checkbox都被选中 若取消选中 则取消选择
//若name=items得checkbox都被选中 ,则name=checked2得check也被选中
//若name=itmes得checkbox有一个没有被选中,则checked2取消选中
//提示:事件需要嫁给#checked2,获取name=items得checkbox数组
//判断是否被选中 ,若被选择,则name=items得checkbox都要被选择
//若没有被选择,则name=items得checkbox 都要被取消
//根据是否存在checked属性来判断是否被选择 可以使其checked=true 被选择 checked=false 取消选择