JSFiddle - React, Tailwind, and code Playground

by Fu-Ching Hsiao

HTML

<div>
	<a href="##" name="herName" id="a" class="myClass" >hello world</a>
	<img id="B" alt="@" src="SRC">
</div>
<span id="C"></span>
<P>
<span id="D"></span>

JavaScript

window.onload = function() {
	document.getElementById("a").addEventListener("click", ha , false);	
};

function ha(e){
    var dom_id= e.target.getAttribute("id");
    var dom_name = e.target.getAttribute("name");
    var dom_class = e.target.className.toString();
    var dom_html = e.target.innerHTML;
    var dom_href = e.target.getAttribute("href");
    var dom_text = e.target.text;
    var dom_el = e.target.tagName;
    var dom_src   = e.target.src;
    var dom_src_1 = document.getElementById("B").getAttribute("src");
    
    var outPut = "dom_id : " + dom_id +" , dom_name : " + dom_name
    + " , dom_class : " + dom_class +" , dom_html : " + dom_html
    + " , dom_href : " + dom_href +" , dom_text : " + dom_text
    + " , dom_el : " + dom_el +" , dom_id : " + dom_id +
    " , dom_src : " + dom_src ;
    
	document.getElementById("C").textContent = outPut;
	document.getElementById("D").textContent = dom_src_1;
}