document 获得元素节点,属性节点,文本节点。
原创可爱多2 博主文章分类:javascript ©著作权
©著作权归作者所有:来自51CTO博客作者可爱多2的原创作品,请联系作者获取转载授权,否则将追究法律责任
document 获得元素节点,属性节点,文本节点。
※Element在w3c xml DOM中,HTML没有。
(添加,修改,替换,删除,都在xml dom中)
http://www.w3school.com.cn/xmldom/dom_element.asp
获得元素节点方法
document.getElementById("id");//返回一个节点
document.getElementsByName("name");//全局,返回节点数组
(document|Element). getElementsByTagName ("标签名"); //全局,某一节点下,返回节点数组
获得属性节点方法
Element. getAttribute("属性名");//返回值
获得文本节点
1. Element. firstChild. nodeValue;//通过属性方式
2. Element.innerText; //通过属性方式
3.Element .innerHTML;
获得父节点
Element .parentNode;//属性
添加节点:
var pElement=document. createElement(text);//创建元素节点,返回新建节点的引用指针;
var textElement=document.createTextNode("value");//创建文本节点,返回新建节点的引用指针;
ElementText. appendChild(textElement);//创建的文本节点,添加到元素节点中
doucument. appendChild(pElement);
Element.insertBefore();//在已有的子节点之前插入一个新的子节点。
Element.appendChild();//向节点的子节点列表末尾添加新的子节点。
删除属性
elementNode.removeAttribute(name); //删除指定的属性。
删除指定属性节点
Element. removeAttributeNode();//删除指定的属性节点。
删除子节点
elementNode.removeChild(node);//删除子节点。
替换
elementNode.replaceChild(new_node,old_node);替换子节点。
上一篇:第34讲 js超级玛丽小游戏
![](https://ucenter.51cto.com/images/noavatar_middle.gif)
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
Python获取颜色RGB值
Python获取颜色RGB值
Python 图像处理 屏幕截图