D3.js | Функция d3.select ()

Опубликовано: 12 Декабря, 2021

Функция d3.select () в D3.js используется для выбора первого элемента, который соответствует указанной строке селектора. Если какой-либо элемент не соответствует, возвращается пустой выбор. Если несколько элементов совпадают с селектором, будет выбран только первый соответствующий элемент.

Синтаксис:

 d3.select ("элемент")

Параметры: эта функция принимает единственный параметр, который содержит имя элемента.

Возвращаемое значение: эта функция возвращает выбранные элементы.

Ниже приведены программы, иллюстрирующие функцию d3.select () в D3.js:

Пример 1:

 <!DOCTYPE html>
 <html>
 
<head>
    <title>
        D3.js | d3.select() Function
    </title>
     
    <script src = " https://d3js.org/d3.v4.min.js " ></script>
 </head>
 
<body>
     
    <div>GeeksforGeeks</div>
     
    <script>
     
        // Calling the select() function
        var a = d3.select( "div" ).text();
         
        // Getting the selected element
        console.log(a);
    </script>
 </body>
 
</html>

Выход:

Компьютерщики

Пример 2:

 <!DOCTYPE html>
 <html>
 
<head>
        
    <title>
        D3.js | d3.select() Function
    </title>
     
    <script src= " https://d3js.org/d3.v4.min.js " ></script>
 </head>
  
<body>
    <p>GeeksforGeeks</p>
        
    <p>A computer science portal for geeks</p>
        
    <script>
        
        // Calling the select() function
        var a = d3.select( "p" ).text();
           
        // Getting the selected element
        console.log(a);
    </script>
 </body>
    
</html>

Выход:

 Компьютерщики

Ссылка: https://devdocs.io/d3~5/d3-selection#select

JavaScript

D3.js | Функция d3.select ()

РЕКОМЕНДУЕМЫЕ СТАТЬИ