前言:
获取一个元素节点之后,常常需要以该元素节点为基点上下、左右地移动以获取其他的元素节点。
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>