ブラウザのデベロッパーツールみたいにDOMElementのシンボル名を取得したい #JavaScript

こういう<tagName>["#"+id][["."+className][...]]のようなシンボル名を取得するにはどうしたらいいのか？
結局ググってもわかりませんでした。

デバッグ用シンボルID取得関数

function debug_getSymID(obj) {
    if(obj instanceof HTMLElement){
        return obj.tagName.toLowerCase()
        +(obj.id ? "#"+obj.id : "")
        +(obj.className ? obj.className.replace(/^|\s+/g, ".") : "")
    }
    return typeof obj
}

うーん。こんな方法で作るしか無いのかな

追記：
＠hoo-chan様　ソースコードについての修正依頼ありがとうございます！