JS中Node节点总结

【JS中Node节点总结】的更多相关文章

Node的三个基本属性: 1.nodeType:表明节点类型,1是元素节点,3是文本节点. 2.nodeName: 表明节点名称,元素节点为标签名,文本节点为#text. 3.nodeValue:表明节点值,元素节点为null,文本节点为文本内容. Node的节点关系: 1.parentNode与childNodes parentNode寻找当前节点的父节点,childNodes寻找当前节点的子节点,其中包括文本节点和元素节点(特别需要注意空白的文本节点也算是节点)如下程序 <!DOCTYPE…

js中DOM 节点的一些操作方法

什么是DOM DOM:文档对象模型.DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构.目的其实就是为了能让js操作html元素而制定的一个规范. DOM就是由节点组成的. 解析过程 HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树,getElementById是获取内中DOM上的元素节点.然后操作的时候修改的是该元素的属性. DOM树(一切都是节点) DOM的数据结构如下: 上图可知,在HTML当中,一切都是节点:(非常重要) 元素节点:HMTL标签. 文本…

js中的节点遍历+类数组对象

firstChild 第一个子元素 lastChild 最后一个子元素 childNodes[n] = childNodes.item(n) 第n+1个子元素 parentNode 父元素 nextSibling 下一个兄弟元素 previousSibling 上一个兄弟元素 document.documentElement 获取文档的根节点 .tagName 标签名 <!DOCTYPE html> <html lang="en"> <…

原生JS中DOM节点相关API合集

节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Text或Comment节点的文本值,只读 Node.textContent //返回当前节点和它的所有后代节点的文本内容,可读写 Node.baseURI //返回当前网页的绝对路径 Node.ownerDocument //返回当前节点所在的顶层文档对象,即document Node.nextSibling //返回紧跟在当前节点…

js中属性节点的应用

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title&…

JS中插入节点的方法appendChild和insertBefore的应用

1.appendChild() 方法:可以向节点的子节点列表的末尾添加新的子节点.比如:appendChild(newchild)括号里可以是创建的标签var newchild = document.createElement 2.insertBefore() 方法:可在已有的字节点前中插入一个新的子节点.比如:insertBefore(newchild,rechild) 3.相同之处:插入子节点. 4.不同之处:appendChild方法是在父节点中的字节点的末尾添加新的节点(相对于父节点来说…

JS中Text节点总结

文本节点有Text类型表示,包含的是可以找字面解释的纯文本内容.纯文本中可以包含转移后的HTML字符,但不能包含HTML代码.Text节点具有以下属性: 1.nodeType的值为3. 2.nodeName的值为“#text”. 3.nodeValue或者的值为节点所包含的文本. 4.parentNode是一个Element. 5.appendData(text):将text添加到节点的末尾. 6.deleteData(offset,count):从offset指定的位置开始删除count个字符…

JS中Document节点总结

document对象是documentHTML的一个实例,也是window对象的一个属性,因此可以将document对象作为一个全局对象来访问. Document节点的子节点可以是DocumentType,Element,ProcessingInstruction或Comment.ProcessingInstruction 对象可表示处理指令.这个不常用的接口表示 XML 文档中的一个处理指令(或 PI).使用 HTML 文档的程序设计者不会遇到 ProcessingInstruction 节点…

js中对节点属性的操作和对节点的操作

常用的节点属性操作方法 1.setAttribute(name,value):给某个节点添加一个属性 2.getAttribute(name):获取某个节点属性的值. 3.removeAttribute(name):删除某个节点的属性. 例: window.onload = function(){ //查找body节点 var node_body = document.body; //alert(node_body); //查找img节点 …

Kubernetes容器集群管理环境 - Node节点的移除与加入

一.如何从Kubernetes集群中移除Node比如从集群中移除k8s-node03这个Node节点,做法如下: 1)先在master节点查看Node情况 [root@k8s-master01 ~]# kubectl get nodes NAME STATUS ROLES AGE VERSION k8s-node01 Ready <none> 47d v1.14.2 k8s-node02 Ready <none> 47d v1.14.2 k8s-node03 Ready <n…