title: is there a mapping from HTML property names to DOM propety names?
body: <p>in HTML</p>
  
  <pre><code>&lt;td colspan=3 style='background-color:pink;' &gt;hello world&lt;/td&gt;
  </code></pre>
  
  <p>but in Javascript / DOM</p>
  
  <pre><code>var td = document.createElement('td');
  td.colSpan = 3;
  td.style.backgroundColor = 'pink';
  </code></pre>
  
  <p>is there a mapping of HTML properties and styles to Javascript/DOM attributes and styles?</p>
  
  <p>understand about camelBack for CSS style</p>
  
  <p>have some HTML specifications, eg, <code>colspan=3</code>, and implementing them with Javascript.  so need a mapping between HTML property name and DOM property names.</p>
  
  <hr/>
  
  <p>ok, here's a mapping for the abnormal properties.  those with a 1::1 mapping and functions are omitted.</p>
  
  <pre>
  html2dom = {
    acceptcharset: 'acceptCharset',
    accesskey: 'accessKey',
    bgcolor: 'bgColor',
    cellindex: 'cellIndex',
    cellpadding: 'cellPadding',
    cellspacing: 'cellSpacing',
    choff: 'chOff',
    class: 'className',
    codebase: 'codeBase',
    codetype: 'codeType',
    colspan: 'colSpan',
    datetime: 'dateTime',
    checked: 'defaultChecked',
    selected: 'defaultSelected',
    value: 'defaultValue',
    frameborder: 'frameBorder',
    httpequiv: 'httpEquiv',
    longdesc: 'longDesc',
    marginheight: 'marginHeight',
    marginwidth: 'marginWidth',
    maxlength: 'maxLength',
    nohref: 'noHref',
    noresize: 'noResize',
    noshade: 'noShade',
    nowrap: 'noWrap',
    readonly: 'readOnly',
    rowindex: 'rowIndex',
    rowspan: 'rowSpan',
    sectionrowindex: 'sectionRowIndex',
    selectedindex: 'selectedIndex',
    tabindex: 'tabIndex',
    tbodies: 'tBodies',
    tfoot: 'tFoot',
    thead: 'tHead',
    url: 'URL',
    usemap: 'useMap',
    valign: 'vAlign',
    valuetype: 'valueType' };
  </pre>