您的位置:首页 > Web前端 > JavaScript

js添加、移除、移动、复制、创建节点

2017-02-09 15:01 232 查看
1、添加节点append方法
例子:为body添加一个内容为sss的文本节点
document.body.appendChild(document.createTextNode("sss"));2、移除节点,removeChild移除某个节点的子节点例子:var ccn=document.getElementById("sd").childNodes[0];//获取到要移除的节点document.getElementById("sd").removeChild(ccn);//将id为sd的第一个子节点移除
3、移动,控制节点
例子:将id为sd的节点向右边移动50px

var sdds=document.getElementById("sd");
sdd.style.background='blue';

sdds.style.left=parseInt(sdds.style.left)+50+"px";
<div id='sd' style="position: absolute; left: 10px;">sd</div>
4、创建节点
document.createTextNode("sss")//创建文本节点
document.createElement("p")//创建p节点
p.innerText = 'ppppp';
sdds.appendChild(p);
5、查找节点
document.getElementById('oo');//根据id查找
document.getElementByClassName('dd')[0];

document.getElementsByTagName("p")[0];//根据标签名字查找节点

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript
相关文章推荐