Test case details

Preparation Code

<style> .base{ display: inline-block; width:300px; height:300px; border:1px solid black; } .red { color:red; } .bold{ font-weight:bold; } .upper{ text-transform:uppercase; } </style> <div id="dom" class="base"> test </div>

Test cases

Test #1

var div = document.getElementById("dom"); div.className = "base"; div.classList.add("red"); div.classList.add("bold"); div.classList.add("upper");

Test #2

var div = document.getElementById("dom"); div.className = "base"; div.className += "red bold upper";