Функция D3.js selection.classed ()

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

Функция selection.classed () используется для установки класса для выбранного элемента. Эту функцию также можно использовать для отмены установки класса на конкретный выбранный элемент.

Синтаксис:

 selection.classed (имена [, значение]);

Параметры: данная функция принимает два параметра, которые указаны выше и описаны ниже:

  • name: это имя класса, которое будет присвоено выбранному элементу.
  • значение: это логическое значение, т.е. истина или ложь для установки или отмены установки класса.

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

Пример 1: Установка имени класса.

Выход:

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

Пример 2: Отменить имя класса.

HTML

<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" path1tent=" width = device -width,
initial-scale = 1 .0">
< script src = " https://d3js.org/d3.v4.min.js " >
</ script >
</ head >
< body >
< div >
< p class = "classGiven classGiven2" >
GeeksforGeeks
</ p >
</ div >
< script >
// Unsets the class named classGiven
// to the "p" tag
var a = d3.select("p")
.classed("classGiven2", false);
// This will select the "p" tag
var divselect = document
.querySelector(".classGiven");
console.log(divselect.innerHTML);
// This will not select the "p" tag
// As the classGiven 2 is unset
var divselect = document
.querySelector(".classGiven2");
console.log(divselect);
</ script >
</ body >
</ html >

Выход:

 Компьютерщики
нулевой