D3.js 1

Browse more D3js Examples
<!DOCTYPE html>
<html>
   <head>
       <style>
           .myanotherclass {
               font-size: 24px;
           }
       </style>
      <script type = "text/javascript" src = "https://d3js.org/d3.v4.min.js"></script>
   </head>

   <body>
        <div class="one"></div>
        <div class="two"></div>
        <div id="log"></div>
      
        <h2 class = "myclass">Message</h2>
        <div class = "myclass">
            Hello World!
        </div>
      
        <script>
            var div1 = d3.select(".one")
            div1.append("span").text("<b>Hello World!</b>");
            
            var div2 = d3.select(".two")
            div2.append("span")
            .html("<b>Hello World!</b>")
            .attr("style", "color: red")
            .classed("myanotherclass", true); //false - To remove
            
            //To check for a class presence
            var isClass = d3.select(".two span").classed("myanotherclass");
            document.getElementById("log").innerHTML = isClass;
            
            //toggle class
            var element = d3.select(".myclass")
            element.classed("myanotherclass", !oneBar.classed("myanotherclass"));
            
            //selectAll 
            d3.selectAll(".myclass").attr("style", "color: red");
        </script>
   </body>
</html>
D3.js 1

Follow

Newsletter
