Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > Sibling nodes in DOM script programming_javascript skills

Sibling nodes in DOM script programming_javascript skills

WBOY
Release： 2016-05-16 18:42:53
Original
1346 people have browsed it

Browsers other than IE use line breaks as text nodes (nodeType is 3). For elements, nodeType is 1. Here's a practical way to find them:

Copy the code The code is as follows:

lastSibling:function( node){
var tempObj = node.parentNode.lastChild;
while(tempObj.nodeType!=1 && tempObj.previousSibling!=null)
{
tempObj=tempObj.previousSibling;
}
return (tempObj.nodeType==1)?tempObj:false;
}

This is the source code of the lastSibling method in the DOMhelp library in the book "JavaScript in a Simple Language". It is similar to the source code implemented in the mootools library:
Copy the code The code is as follows:

'last-child ': function(){
var element = this;
while ((element = element.nextSibling)){
if (element.nodeType == 1) return false;
}
return true;
}

This is the last-child() method in the Mootools 1.2.4 source code.
Related labels：
dom Sibling node Script programming
source：php.cn
Previous article：jQuery extends some operation methods for input_jquery Next article：jquery popup layer implementation code_jquery
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
In React, localstorage.getItem returns null index.js：importReactfrom'react';importReactDOMfrom'react-dom/client';import'./index.css';i...
From 2024-04-05 14:18:19
0
1
1523
How to render data through DOM instead of through table I have a question about an application I'm creating, I'm using an Oracle database and I'm ...
From 2024-04-04 18:17:27
0
1
3567
Routing path does not render react.js components I'm trying to make some animated path routes using framer-motion, but the component doesn'...
From 2024-04-04 10:37:17
0
1
429
Dynamic addition problem with lack of space between elements I have the following template in my markup. <templateid="unsequenced-template"...
From 2024-04-02 16:51:12
0
1
315
How to logout using authts/react-oidc-context library and keycloak authorization server This is my current implementation using react-router-dom, oidc-client-ts, react-oidc-conte...
From 2024-03-31 19:13:55
0
1
544
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template