Tengo un elemento en el `DOM` que es el siguiente:

    <input type="text" id="miElemento" class="miElemento">
    <ion-item class="input_float">
		<ion-label floating >Nombre:</ion-label>
		<ion-input class="x" id="nombre" #nombre name="nombre" type="text" [(ngModel)]="nombre" 
			(click)=" placeholderNombre=' Ej: Carlos Alberto Rodriguez Gacha';" 
			(blur)=" placeholderNombre=''" placeholder="{{placeholderNombre}}">
        </ion-input>
	</ion-item>

y en mi archivo ts intento selecionarlo atravez de metodo `getElementById()` de la forma siguiente:

    console.log("resultado por id:",document.getElementById("miElemento"));
    console.log("resultado por class:",document.getElementsByClassName("miElemento"));

El resultado por consola es el el siguiente:

    resultado por id: null
    resultado por class: []length: 1 
                          miinput: div#nombre.miinput
                                0: div#nombre.miinput
                        __proto__: HTMLCollection

¿Por que no lo logro con el metodo `getElementById()`?