How to get dom element from object property?

Question

JavaScript

How to get dom element from object property? To further use it as a standard dom and all its properties?

//var board =
class Ceil {
    constructor(x, y) {
        this.x = x;
        this.y = y;
    }
    fullName() {
        return 'hello it x ' + this.x;
    }
    getHtml(){
        return "<div class='cell cell_white x_"+this.x+" y_"+this.y+"' id='cell_"+this.x+"_"+this.y+"'></div>";
    }
    getDomEl(){
        return  document.querySelector('#cell_'+this.x+'_'+this.y+'').outerHTML;
    }
}
var ceil_el = new Ceil(x, y);
var board = document.querySelector("#board");
board.innerHTML += ceil_el.getHtml();
dom_el = ceil_el.getDomEl();
dom_el.innerHtml = '<p>some text</p>';

Answer 1

https://jsfiddle.net/anton4ept/018wafr7/
and do not pervert.
Read better about the DOM in general, and this one: https://developer.mozilla.org/ru/docs/DOM/document... in particular.