TypeScript And .parentNode vs .parentElement In Angular 9.0.0-rc.3

snippet-1.ts

@Component({
	selector: "app-root",
	styleUrls: [ "./app.component.less" ],
	template:
	`
		<div class="foo">
			<div class="bar">
				<div class="baz">
					<p>
						<a (click)="handleClick( $event.target )">Find .bar</a>
					</p>
				</div>
			</div>
		</div>
	`
})
export class AppComponent {

	public handleClick( target: HTMLElement ) : void {

		var barElement: HTMLElement | null = target;

		// Continue walking up the DOM Tree until we find ".bar".
		while ( barElement && ! barElement.classList.contains( "bar" ) ) {

			barElement = barElement.parentNode;

		}

		console.log( "FOUND .bar !!" );
		console.log( barElement );

	}

}

snippet-2.ts

public handleClick( target: HTMLElement ) : void {

	var barElement: HTMLElement | null = target;

	while ( barElement && ! barElement.classList.contains( "bar" ) ) {

		barElement = ( barElement.parentNode as HTMLElement );

	}

	console.log( "FOUND .bar !!" );
	console.log( barElement );

}

snippet-3.ts

public handleClick( target: HTMLElement ) : void {

	var barElement: HTMLElement | null = target;

	while ( barElement && ! barElement.classList.contains( "bar" ) ) {

		barElement = barElement.parentElement;

	}

	console.log( "FOUND .bar !!" );
	console.log( barElement );

}