《JavaScript》DOM基本操作

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/SevenGirl2017/article/details/82769011

获取节点

document

getElementById:通过元素ID获取节点
getElementsByName:通过元素的name属性获取节点
getElementsByTagName:通过元素标签获取节点

	//具体用法
	document.getElementById(元素ID)
	document.getElementsByName(元素name属性)
	document.getElementsByTagName(元素标签)

节点指针

firstChild:获取元素的首个子节点
lastChild:获取元素的最后一个子节点
childNodes:获取元素的子节点列表
previousSibling:获取已知节点的前一个节点
nextSibling:获取已知节点的后一个节点

	//具体示例
	父节点.firstChild
	父节点.lastChild

节点操作

创建

	document.createElement(元素标签)
	document.createAttribute(元素属性)
	document.createTextNode(文本内容)

插入

	appendChild(所添加的新节点)
	insertBefore(所要添加的新节点,已知子节点)

替换

	replaceChild(要插入的新元素,将被替换的老元素)

复制

	需要被复制的节点.cloneNode(true/false)
	//true:复制当前节点及其所有子节点
	//false:仅复制当前节点

删除

	removeChild(要删除的节点)

属性操作

获取

	元素节点.getAttribute(元素属性名)

设置

	元素节点.setAttribute(属性名,属性值)

删除

	元素节点.removeAttribute(属性名)

文本操作

	insertData(offset,String);//从offset指定位置插入string
	appendData(string);//将string插入到文本节点的末尾处
	deleteData(offset,count);//从offset起删除count个字符
	splitData(offset);//从offset起将文本节点分成两个节点

猜你喜欢

转载自blog.csdn.net/SevenGirl2017/article/details/82769011