摘要: http://www.imooc.com/code/1699 插入节点insertBefore() insertBefore() 方法可在已有的子节点前插入一个新的子节点。 语法: insertBefore(newnode,node); 参数: newnode: 要插入的新节点。 node: 指定此 阅读全文
posted @ 2017-02-18 21:33 超级学渣渣 阅读(1288) 评论(0) 推荐(0) 编辑
摘要: http://www.imooc.com/code/1698 插入节点appendChild() 在指定节点的最后一个子节点列表之后添加一个新的子节点。 语法: appendChild(newnode) 参数: newnode:指定追加的节点。 我们来看看,div标签内创建一个新的 P 标签,代码如 阅读全文
posted @ 2017-02-18 21:28 超级学渣渣 阅读(394) 评论(0) 推荐(0) 编辑
摘要: 访问兄弟节点 1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中)。 语法: nodeObject.nextSibling 说明:如果无此节点,则该属性返回 null。 2. previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中)。 语法: 阅读全文
posted @ 2017-02-18 20:50 超级学渣渣 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 访问子节点childNodes 访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组,他具有length属性。 语法: elementNode.childNodes 注意: 如果选定的节点没有子节点,则该属性返回不包含节点的 NodeList。 我们来看看下面的代码: 运行结果: IE: 阅读全文
posted @ 2017-02-18 20:01 超级学渣渣 阅读(322) 评论(0) 推荐(0) 编辑
摘要: 在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类型 一、nodeName 属性: 节点的名称,是只读的。 1. 元素节点的 nodeName 与标签 阅读全文
posted @ 2017-02-18 19:59 超级学渣渣 阅读(737) 评论(0) 推荐(0) 编辑
摘要: http://www.imooc.com/code/1587 getAttribute()方法 通过元素节点的属性名称获取属性的值。 语法: elementNode.getAttribute(name) 说明: 1. elementNode:使用getElementById()、getElement 阅读全文
posted @ 2017-02-18 19:39 超级学渣渣 阅读(17630) 评论(0) 推荐(1) 编辑
摘要: getElementsByTagName()方法 返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。 语法: document.getElementsByTagName(Tagname) 说明: 1. Tagname是标签的名称,如p、a、img等标签名。 2. 和数组类似也有 阅读全文
posted @ 2017-02-18 15:47 超级学渣渣 阅读(3486) 评论(0) 推荐(0) 编辑
摘要: http://www.imooc.com/code/1583 getElementsByName()方法 返回带有指定名称的节点对象的集合。 语法: document.getElementsByName(name) 与getElementById() 方法不同的是,通过元素的 name 属性查询元素 阅读全文
posted @ 2017-02-18 15:44 超级学渣渣 阅读(1239) 评论(0) 推荐(0) 编辑
摘要: 转载于:http://www.imooc.com/code/1575 认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 先来看看下面代码: 将HTML代码分解为DOM 阅读全文
posted @ 2017-02-18 15:38 超级学渣渣 阅读(165) 评论(0) 推荐(0) 编辑