JSFiddle - React, Tailwind, and code Playground

HTML

<div id="result"></div>
<div id="result2"></div>
<div id="mydiv">
  <p id="myP">
    <img src="https://avatars2.githubusercontent.com/u/1342004?v=3&s=400" alt="">
  </p>
</div>

JavaScript

var myDiv = document.getElementById('mydiv');
var myP = document.getElementById('myP');
var range = document.createRange();
range.setStart(myDiv, 0);
range.collapse(true);
var sel = document.getSelection();
sel.removeAllRanges();
sel.addRange(range);
if (sel.anchorNode.nodeName === "DIV" && sel.anchorNode.children.length === 1) {
console.log(sel.anchorNode.children);
  var range2 = document.createRange();
  range2.setStart(sel.anchorNode.children[0], 0);
  range2.collapse(true);
  sel.removeAllRanges();
  sel.addRange(range2);
}
sel = document.getSelection();
console.log(sel);
var resultDiv = document.getElementById('result');
resultDiv.innerHTML = JSON.stringify(sel.anchorNode.nodeName);