The node.children property in D3.js returns an array of child nodes (null for leaf nodes and undefined for nodes having no child).
Syntax:
node.children
Return Value: This property returns an array of child nodes (null for leaf nodes and undefined for nodes having no child).
Example 1:
HTML
<!DOCTYPE html> < html > < head > < meta charset = "utf-8" > < script src = </ script > </ head > < body > < script > var data = { "name":"neveropen", "about":"Computer Science Portal", "children":[{"name":"GFG"}] } var root = d3.hierarchy(data); console.log(root.children); </ script > </ body > </ html > |
Output:
Example 2: In this example, this method returns undefined as the root node has no child node.
HTML
<!DOCTYPE html> < html > < head > < meta charset = "utf-8" > < script src = </ script > </ head > < body > < script > var data = {"name":"GFG1"} var root = d3.hierarchy(data); console.log(root.children); </ script > </ body > </ html > |
Output: