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>
     
    

      

  • 相关阅读:
    游标cursor
    SQL: EXISTS
    LeetCode Reverse Integer
    LeetCode Same Tree
    LeetCode Maximum Depth of Binary Tree
    LeetCode 3Sum Closest
    LeetCode Linked List Cycle
    LeetCode Best Time to Buy and Sell Stock II
    LeetCode Balanced Binary Tree
    LeetCode Validate Binary Search Tree
  • 原文地址:https://www.cnblogs.com/YanYongSong/p/4641394.html
Copyright © 2011-2022 走看看