Get tag in Angular component

Question

<body> and <head> tag can be get in Angular component by injectingDOCUMENT, like this:

import { DOCUMENT } from '@angular/common';
import { Inject } from '@angular/core';

export class TestComponent {
  constructor(
    @Inject(DOCUMENT) private document: Document
  )

  // get <head>
  // this.document.head

  // get <body>
  // this.document.body
}

But is it possible to get <html> tag in Angular component?

Reactgular · Accepted Answer

The documentElement references the root element which will be <html> in the browser.

https://developer.mozilla.org/en-US/docs/Web/API/Document/documentElement

@Component({..})
public class ExampleComponent {
   public constructor(@Inject(DOCUMENT) doc: Document) {
      console.log(doc.documentElement);
   }
}

Get <html> tag in Angular component

Tags:

javascript

typescript

angular

funkid

1 Answers

Reactgular

Recent Activity

Donate For Us