zoukankan      html  css  js  c++  java
  • 文档对象模型(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
Copyright © 2011-2022 走看看