Quiero soltar el código en un párrafo en cada elemento en el que hace clic, pero cuando lo hago, me devuelve [object html].
Cómo mostrar la etiqueta en texto (la propia etiqueta)
document.addEventListener('click', function(e) { e = e || window.event; var target = e.target || e.srcElement, text = target.textContent || target.innerText; document.getElementsByClassName("html-tag-element-picker")[0].innerHTML=target; }, false);Si entiendo correctamente, desea mostrar la etiqueta del elemento en la que un usuario hace clic en su elemento, ¿algo como esto? O tal vez quieras todo, respuesta actualizada:
document.addEventListener('click', function(e) { e = e || window.event; var target = e.target || e.srcElement, text = target.textContent || target.innerText; document.getElementsByClassName("html-tag-element-picker")[0].innerHTML =e.target.outerHTML; }, false); span { background: red; } p { background: green; } <xmp class="html-tag-element-picker"></xmp> <span>span el</span> <p>p el</p>