本文目录
- js里用append和appendChild有什么区别
- append和appendchild的区别
- JQuery之append和appendTo的区别,还有js中的appendChild用法
- 关于JS中appendChild的用法
- 需要调用两次appendChild才能添加节点
js里用append和appendChild有什么区别
与parentNode.appendChild()的区别在于:parentNode.append()可以同时传入多个节点或字符串,没有返回值;他会有兼容问题而parentNode.appendChild()只能传一个节点,且不直接支持传字符串(需要parentNode.appendChild(document.createTextElement(’字符串’))代替),返回追加的Node节点
append和appendchild的区别
append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择的对象 实例: $(\\’#a\\’).append(\\’content\\’); $(\\’content\\’).appendTo($(\\’#a\\’)); 注意appendTo前面一定要是Jquery
JQuery之append和appendTo的区别,还有js中的appendChild用法
appendTo会将元素从当前位置移除,移动到指定元素后面去,append则不会。appendChild是为指定元素添加子元素。
关于JS中appendChild的用法
// 创建p节点var para=document.createElement(“p“);// 创建文本节点var node=document.createTextNode(“这是新段落。“);// 把文本节点添加到p节点里para.appendChild(node);// 查找div1var element=document.getElementById(“div1“);// 把p节点添加到div1里element.appendChild(para);// 最终html结构// 《div id=“div1“》// 《p id=“p1“》这是一个段落。《/p》// 《p id=“p2“》这是另一个段落。《/p》// 《p》这是新段落。《/p》// 《/div》
// 你测试的代码// 创建文本节点var node=document.createTextNode(“这是新段落。“);// 查找div1var element=document.getElementById(“div1“);// 把文本节点添加到div1里element.appendChild(node);// 最终html结构// 《div id=“div1“》// 《p id=“p1“》这是一个段落。《/p》// 《p id=“p2“》这是另一个段落。《/p》// 这是新段落。// 《/div》
需要调用两次appendChild才能添加节点
不用的,应该是节点已经添加到页面上了,可能是样式的原因导致它没显示出来。你可以使用 alert(gid(’box’).innerHTML);来检查是否已经添加到了box里。