Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>When using DOM creation methods, it must assume that you want the structure the way you created it.</p> <p>If you want to ensure the same structure in different browsers, then yes you should always add it manually, even when JavaScript is parsing the HTML. Don't rely on the browser to insert it for you, because browsers may not behave the same in that respect.</p> <hr> <p><a href="http://jsfiddle.net/JYd7L/" rel="nofollow">Here's an example</a> you can run in Firefox.</p> <p>It starts off with this <strong><em>invalid</em></strong> markup.</p> <pre><code>&lt;p&gt; &lt;div&gt;original&lt;/div&gt; &lt;/p&gt; </code></pre> <p>The <code>&lt;div&gt;</code> gets kicked out of the <code>&lt;p&gt;</code> when the HTML is parsed, leaving it rendered like this...</p> <pre><code>&lt;p&gt;‌&lt;/p&gt; &lt;div&gt;original&lt;/div&gt; &lt;p&gt;&lt;/p&gt; </code></pre> <p>But if we create an identical structure with DOM methods, Firefox doesn't do any corrections.</p> <pre><code>var p = document.createElement('p'); p.appendChild(document.createElement('div')) .appendChild(document.createTextNode('new')); document.body.appendChild(p); </code></pre> <p>So the resulting DOM is now this...</p> <pre><code>&lt;p&gt;‌&lt;/p&gt; &lt;div&gt;original&lt;/div&gt; &lt;p&gt;&lt;/p&gt; &lt;p&gt; &lt;div&gt;new&lt;/div&gt; &lt;/p&gt; </code></pre> <p>So you can see that even in the case of a completely invalid structure, it doesn't make the corrections you'd see when it parses HTML.</p> <p>Ultimately, what you should do is not rely on common browser tweaks or corrections, because there's no guarantee that they will be the same between browsers.</p> <p>Use well-structured and valid HTML, and you'll avoid problems.</p>
    singulars
    1. This table or related slice is empty.
    1. PONo automated tbody with createElement/appendChild?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PONo automated tbody with createElement/appendChild?
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COThanks for the tips and example! It was weird for me, if DOM creation methods displays the structure the way you created it, an html table created manually should respect the way you create it too, without correction or the other way around, everything corrected.
      singulars
      1. PO
      1. USbaptx
    2. CO@baptx: When you use HTML, you aren't really creating a DOM structure manually. You're creating it via *markup*, which must be parsed and interpreted into the DOM structure. I'm sure it's that interpretation that leads to the browser corrections. When you use DOM methods to build a DOM structure, there's no interpretation taking place. It's just the developer explicitly saying put this node into that one, and so the methods do what you tell it.
      singulars
      1. PO
      1. This table or related slice is empty.
    3. CO...I'd imagine the *DOCTYPE* only plays a role in the interpretation of the *markup*, whereas the methods don't try to enforce a *DOCTYPE*.
      singulars
      1. PO
      1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload