How should I use the HTMLOptionElement.Option() constructor?
<p>I am trying to add an option to a select element like this</p>

<pre><code>&lt;select id="select-title"&gt;&lt;/select&gt;
&lt;script&gt;
  let s = document.querySelector('#select-title');
  let optionElementReference = new HTMLOptionElement.Option('option1');
  s.add(optionElementReference);
&lt;/script&gt;
</code></pre>

<p>But I get (Chrome 54) "Uncaught TypeError: HTMLOptionElement.Option is not a constructor(…)"</p>

<p>I thought I should be able to do this because of the following piece of documentation (although I have found no example of such usage). I guess I might be making a simple mistake somewhere.</p>

<p><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptionElement" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptionElement</a></p>

<p><strong>HTMLOptionElement.Option()</strong> Is a constructor creating an HTMLOptionElement object. It has four values: the text to display, text, the value associated, value, the value of defaultSelected, and the value of selected. The last three values are optional.</p>