fancy-form.component.ts

import { Component, OnInit } from '@angular/core';
import { ElementRef, Renderer2 } from '@angular/core';

@Component({
  selector: 'app-fancy-form',
  templateUrl: './fancy-form.component.html',
  styleUrls: ['./fancy-form.component.css']
})
export class FancyFormComponent implements OnInit {

  constructor(private renderer: Renderer2, private el: ElementRef) { }

  ngOnInit() {
    const div = this.renderer.createElement('div');
    const text = this.renderer.createText('Hello world!');

    this.renderer.appendChild(div, text);
    this.renderer.appendChild(this.el.nativeElement, div);
    this.renderer.setStyle(this.el.nativeElement, 'font-size', '35px');
    this.renderer.setStyle(this.el.nativeElement, 'color', 'blue');
  }

}

Renderer2 ex. in Angular-6. For reference only.