JSFiddle - React, Tailwind, and code Playground

by digitaloutback

HTML

<a href='#' onclick='ListAll()'>List Attributes!</a>
<br>
<br>
<div id="sample" title="sample title attribute" myattr="myattrval"></div>

<div id="log" style='border:1px solid black; width: 300px;'>Empty</div>

JavaScript

var result = "";
var attrs = $("#sample")[0].attributes;

for(var i=0;i<attrs.length;i++) {
    if(attrs[i].nodeValue != null 
       && attrs[i].nodeValue != '' 
       && attrs[i].nodeValue != 'inherit'){
  result += ( attrs[i].nodeName + "=" + attrs[i].nodeValue + "<br>");
    }
    
$('#log').html(result);
}