Question

107

Get elements just 1 level below the current element by javascript

rated 0 times [ 114] [ 7] / answers: 1 / hits: 29476 / 16 Years ago, fri, february 27, 2009, 12:00:00

I need to access the DOM tree and get the elements just 1 level below the current element.

Read the following code:

<div id=node>

    <div id=a>

        <div id=aa>

            <div id=ab>

                <div id=aba></div>

            </div>

        </div>

    </div>

    <div id=b>

        <div id=ba>

            <div id=bb>

                <div id=bba></div>

            </div>

        </div>

    </div>

    <div id=c>

        <div id=ca>

            <div id=cb>

                <div id=cba></div>

            </div>

        </div>

    </div>

</div>

I want to get the 3 elements a, b, c under node. What should I do?

var nodes = node.getElementsByTagName(div) <---- I get all the divs but not the 3 divs I need.

var nodes = node.childNodes; <---- works in IE, but FF contains Text Node

Does anyone know how to solve the problem?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

reed

Add To Favorites

Follow

Total Points: 725

Total Questions: 85

Total Answers: 89

Location: Singapore

Member since Sat, Jul 25, 2020

4 Years ago

reed questions

1 npx react-native link command not working in latest version of react native. How can we link custom font family in my project

Tue, Jul 5, 22, 00:00, 2 Years ago

1 Alpine.js: How do I access x-data from a function in an external file?

Fri, Apr 16, 21, 00:00, 3 Years ago

1 I have an error : Cannot find module './utils'

Sun, Aug 16, 20, 00:00, 4 Years ago

1 react drag,drop, and connect arrow(or anything else) with animation between elements

Tue, Jun 16, 20, 00:00, 4 Years ago

1 Lodash.uniqueId always returns 1

Thu, May 23, 19, 00:00, 5 Years ago

View All

answered 16 Years ago kalynn · Accepted Answer

You could use a function that rules out all non-element nodes:

function getChildNodes(node) {

    var children = new Array();

    for(var child in node.childNodes) {

        if(node.childNodes[child].nodeType == 1) {

            children.push(child);

        }

    }

    return children;

}