The d3.empty() function in D3.js is used to return a boolean value. The value is true when the selection contains no elements and it returns false when the selection is non-empty.
Syntax:
selection.empty();
Parameters: This function takes no parameters.
Return Values: This function returns a boolean value.
Below given are a few examples of the function given above.
Example 1:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" path1tent="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> div{ background-color: green; margin-bottom: 5px; padding: 10px; width: fit-content; } </style> <body> <div>Some text</div> <div>Geeks for neveropen</div> <div>Geeks for neveropen</div> <div>Some text</div> <script src = </script> <script src= </script> <script> let selection=d3.selectAll("div") console.log(selection.empty()) </script> </body> </html> |
Output:
Example 2:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" path1tent="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> div{ background-color: green; margin-bottom: 5px; padding: 10px; width: fit-content; } </style> <body> <div>Some text</div> <div>Geeks for neveropen</div> <div>Geeks for neveropen</div> <div>Some text</div> <script src = </script> <script src= </script> <script> // Selection is empty because no // container name h2 is rendered. let selection=d3.selectAll("h2") console.log(selection.empty()) </script> </body> </html> |
Output:
