MyPersistence

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
文档对象模型（DOM）系列二：在DOM元素间移动

前言：

　　获取一个元素节点之后，常常需要以该元素节点为基点上下、左右地移动以获取其他的元素节点。

1、通过父节点获取

　　parentobj.firstChild:获取已知节点的第一个子节点，该属性可以递归使用。

　　parentobj.lastChild:获取已知节点的最后一个子节点，也可以递归使用。

2、通过邻居节点获取

　　neigbourNode.previousSibiling:获取已知节点的同一级别的前一节点。

　　neigbourNode.nextSibiling:获取已知节点的同一级别的后一节点。

3、通过子节点获取

　　childNode.parentNode:获取已知节点的鄂父节点。

example:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="UI._default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>DOM</title>
    <script src="Scripts/jquery-1.7.1.min.js"></script>
   

</head>
<body>
   
   <div id="node"><p>aaaa</p>
      <p>bbbbb</p>
  </div>   
</body>
</html>
 <script type="text/javascript">
     var x = document.getElementsByTagName("p")[0];
     x.parentNode.removeChild(x);
    
    </script>

　　

 

posted on 2015-07-12 19:35  MyPersistence  阅读(206)  评论(0)    收藏  举报