文档对象模型(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>
 

  

原文地址:https://www.cnblogs.com/YanYongSong/p/4641394.html