JSFiddle - React, Tailwind, and code Playground
HTML
<div id="edit" contenteditable="true">
<span>text</span>
<span>text</span>
//and more spans maybe
<div>
<br>
</div>
</div>
JavaScript
var $edit = document.getElementById("edit")
//credit to Douglas Crockford for this
function walkTheDOM(node, func) {
func(node);
node = node.firstChild;
while (node) {
walkTheDOM(node, func);
node = node.nextSibling;
}
}
walkTheDOM($edit, function (node) {
if (node.nodeName.toLowerCase()==="div") {
if(node.innerHTML.trim() === "<br>"){
console.log("GOT",node);
}
}
});