JS(DOM对象) - 13337159127/Note GitHub Wiki

1.什么是DOM？ 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。HTML文档可以说由节点构成的集合。 2.DOM节点有？ 元素节点：html、body、p等都是元素节点，即标签。文本节点:向用户展示的内容，如li.../li中的JavaScript、DOM、CSS等文本。属性节点:元素属性，如标签的链接属性href="http://www.imooc.com"。 3.getElementsByName()方法:返回带有指定名称的节点对象的集合。语法：document.getElementsByName(name)。与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。 4.getElementsByTagName()方法:返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。 语法:document.getElementsByTagName(Tagname)。Tagname是标签的名称，如p、a、img等标签名。 5.getAttribute()方法：通过元素节点的属性名称获取属性的值。语法：数组.getAttribute(name)。name：查询元素节点的属性名（id，title） 6.setAttribute()方法：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。语法：数组.setAttribute(name,value) 7.节点属性:在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性：nodeName:节点的名称。nodeValue节点的值。 nodeType ：节点的类型 8.访问子节点childNodes:访问选定元素节点下的所有子节点的列表，返回的值可以看作是一个数组，他具有length属性,语法:elementNode.childNodes。 9.访问子节点的第一和最后项:firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。 语法：node.firstChild。 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。语法：node.lastChild。 10.访问父节点parentNode：获取指定节点的父节点。语法：elementNode.parentNode。父节点只能有一个 11.访问兄弟节点： nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）。语法：nodeObject.nextSibling。如果无此节点，则该属性返回 null。 12.插入节点appendChild()：在指定节点的最后一个子节点列表之后添加一个新的子节点。语法:appendChild(newnode)。newnode：指定追加的节点。 13插入节点insertBefore()：方法可在已有的子节点前插入一个新的子节点。语法:insertBefore(newnode,node);newnode: 要插入的新节点。 node: 指定此节点前插入节点。 14.删除节点removeChild()：从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。语法: nodeObject.removeChild(node) 15.替换元素节点replaceChild()：实现子节点(对象)的替换。返回被替换对象的引用。 语法：node.replaceChild (newnode,oldnew )