Add htmlFor and className aliases

This adds for as an alias for htmlFor to be
more consistent and intuitive. This is now possible
since 'for' is no longer a globally reserved word
in Javascript.
It also updates one example to match the new
'class' alias for 'className' from the DOM spec.

fixes whatwg#9379

source

@@ -46242,7 +46242,8 @@ interface <dfn interface>HTMLLabelElement</dfn> : <span>HTMLElement</span> {
   [<span>HTMLConstructor</span>] constructor();
 
   readonly attribute <span>HTMLFormElement</span>? <span data-x="dom-label-form">form</span>;
-  [<span>CEReactions</span>] attribute DOMString <span data-x="dom-label-htmlFor">htmlFor</span>;
+  [<span>CEReactions</span>] attribute DOMString <span data-x="dom-label-for">for</span>;
+  [<span>CEReactions</span>] attribute DOMString <span data-x="dom-label-htmlFor">htmlFor</span>; // legacy alias of .for
   readonly attribute <span>HTMLElement</span>? <span data-x="dom-label-control">control</span>;
 };</code></pre>
    </dd>
@@ -46348,8 +46349,9 @@ interface <dfn interface>HTMLLabelElement</dfn> : <span>HTMLElement</span> {
 
   <div w-nodev>
 
-  <p>The <dfn attribute for="HTMLLabelElement"><code data-x="dom-label-htmlFor">htmlFor</code></dfn>
-  IDL attribute must <span>reflect</span> the <code data-x="attr-label-for">for</code> content
+  <p>The <dfn attribute for="HTMLLabelElement"><code data-x="dom-label-for">for</code></dfn> and
+  <dfn attribute for="HTMLLabelElement"><code data-x="dom-label-htmlFor">htmlFor</code></dfn>
+  IDL attributes must <span>reflect</span> the <code data-x="attr-label-for">for</code> content
   attribute.</p>
 
   <p>The <dfn attribute for="HTMLLabelElement"><code data-x="dom-label-control">control</code></dfn>
@@ -54870,7 +54872,8 @@ Daddy">&lt;/textarea></code></pre>
 interface <dfn interface>HTMLOutputElement</dfn> : <span>HTMLElement</span> {
   [<span>HTMLConstructor</span>] constructor();
 
-  [SameObject, PutForwards=<span data-x="dom-DOMTokenList-value">value</span>] readonly attribute <span>DOMTokenList</span> <span data-x="dom-output-htmlFor">htmlFor</span>;
+  [SameObject, PutForwards=<span data-x="dom-DOMTokenList-value">value</span>] readonly attribute <span>DOMTokenList</span> <span data-x="dom-output-for">for</span>;
+  [SameObject, PutForwards=<span data-x="dom-DOMTokenList-value">value</span>] readonly attribute <span>DOMTokenList</span> <span data-x="dom-output-htmlFor">htmlFor</span>; // legacy alias of .for
   readonly attribute <span>HTMLFormElement</span>? <span data-x="dom-fae-form">form</span>;
   [<span>CEReactions</span>] attribute DOMString <span data-x="dom-fe-name">name</span>;
 
@@ -54993,7 +54996,8 @@ interface <dfn interface>HTMLOutputElement</dfn> : <span>HTMLElement</span> {
   getter steps are to return "<code data-x="">output</code>".</p>
 
   <p>The <dfn attribute for="HTMLOutputElement"><code
-  data-x="dom-output-htmlFor">htmlFor</code></dfn> IDL attribute must <span>reflect</span> the <code
+  data-x="dom-output-for">for</code></dfn> and <dfn attribute for="HTMLOutputElement"><code
+  data-x="dom-output-htmlFor">htmlFor</code></dfn> IDL attributes must <span>reflect</span> the <code
   data-x="attr-output-for">for</code> content attribute.</p>
 
   <p>The <code data-x="dom-cva-willValidate">willValidate</code>, <code
@@ -92001,11 +92005,11 @@ for (const entry of navigation.entries()) {
   const li = document.createElement("li");
 
   if (entry.index &lt; navigation.currentEntry.index) {
-    li.className = "backward";
+    li.class = "backward";
   } else if (entry.index > navigation.currentEntry.index) {
-    li.className = "forward";
+    li.class = "forward";
   } else {
-    li.className = "current";
+    li.class = "current";
   }
 
   li.textContent = entry.url;
@@ -137923,7 +137927,8 @@ interface <dfn interface>HTMLParamElement</dfn> : <span>HTMLElement</span> {
   <pre><code class="idl">partial interface <span id="HTMLScriptElement-partial">HTMLScriptElement</span> {
   [<span>CEReactions</span>] attribute DOMString <span data-x="dom-script-charset">charset</span>;
   [<span>CEReactions</span>] attribute DOMString <span data-x="dom-script-event">event</span>;
-  [<span>CEReactions</span>] attribute DOMString <span data-x="dom-script-htmlFor">htmlFor</span>;
+  [<span>CEReactions</span>] attribute DOMString <span data-x="dom-script-for">for</span>;
+  [<span>CEReactions</span>] attribute DOMString <span data-x="dom-script-htmlFor">htmlFor</span>; // legacy alias of .for
 };</code></pre>
 
   <p>The <dfn attribute for="HTMLScriptElement"><code
@@ -137932,7 +137937,8 @@ interface <dfn interface>HTMLParamElement</dfn> : <span>HTMLElement</span> {
   must <span>reflect</span> the respective content attributes of the same name.</p>
 
   <p>The <dfn attribute for="HTMLScriptElement"><code
-  data-x="dom-script-htmlFor">htmlFor</code></dfn> IDL attribute of the <code>script</code> element
+  data-x="dom-script-for">for</code></dfn> and <dfn attribute for="HTMLScriptElement"><code
+  data-x="dom-script-htmlFor">htmlFor</code></dfn> IDL attributes of the <code>script</code> element
   must <span>reflect</span> the element's <code data-x="attr-script-for">for</code> content
   attribute.</p>
 
@@ -144905,6 +144911,7 @@ INSERT INTERFACES HERE
   Prateek Rungta,
   Pravir Gupta,
   Prayag Verma,
+  Psychpsyo,
   &#x674e;&#x666e;&#x541b; (Pujun Li)<!-- masa jack -->,
   Rachid Finge,
   Rafael Weinstein,