JSFiddle - React, Tailwind, and code Playground

JavaScript

var html_str = '<div id="body-wrapper">\
        <div id="container-1">\
            <p>This is the first container - Line 1</p>\
            <p>This is the first container - Line 2</p>\
            <p><img src="assets/img/pull_1.jpg"></p>\
        </div>\
        <div id="container-2">\
            <p>This is the second container - Line 1</p>\
            <p>This is the second container - Line 2</p>\
            <p>This is the second container - Line 3</p>\
            <p><img src="assets/img/pull_2.jpg"></p>\
        </div>\
        <div id="container-3">\
            <p>Test</p>\
            <p><img src="assets/img/pull_3.jpg"></p>\
        </div>\
    </div>';
var elem_obj = document.createElement("div");
elem_obj.innerHTML = html_str;
var elem_obj_containers = elem_obj.children[0].children;
var container1_element=null;
for(var i=0;i<=elem_obj_containers.length;i++){
    if(elem_obj_containers[i].id=='container-1'){
        container1_element=elem_obj_containers[i];
        console.log(elem_obj_containers[i]);
        break;
    }
}