JSFiddle - React, Tailwind, and code Playground

by lookitstony

HTML

<div id="example" class="example" data-value="123" width="100" style="padding:10px"></div>

JavaScript

console.log("class");
var classAttr = $("#example").attr("class");
console.log(classAttr);
var classProp = $("#example").prop("class");
console.log(classProp);

console.log("width");
var widthAttr = $("#example").attr("width");
console.log(widthAttr);
var widthProp = $("#example").prop("width");
console.log(widthProp);

console.log("data");
var dataAttr = $("#example").attr("data-value");
console.log(dataAttr);
var dataProp = $("#example").prop("data-value");
console.log(dataProp);
var dataData = $("#example").data("value");
console.log(dataData);

console.log("style");
var styleAttr = $("#example").attr("style");
console.log(styleAttr);
var styleProp = $("#example").prop("style");
console.log(styleProp);