JavaScript object length difference

Question

Why  does the object have a length of 6 and the object ↓has a length of 1? Is it somewhere in the spec? (Tested in Firefox, Chrome, and Safari.)

Jsfiddle

Answer 1

I agree that this is a very strange behavior, but at least it is indicated.

The HTML fragment fragment serialization algorithm states that:

( ) "&" "&", "<" "<", " > " " > ", U + 00A0 NO-BREAK SPACE " " , , , "" "".

. , , , . DOM <div>&nbsp;&nbsp;</div> <div> </div>, DOM, *. , .

, ↓ .

, , .textContent, , .

^{* , , &nbsp; U+00A0, , , DOM}

Answer 2

HTML:

<div>
  <p>foo &amp; bar &#x1D306; baz</p>
</div>

innerHTML HTML Living, , , div.innerHTML HTML . , DOM Parsing, :

, node HTML-, HTML ; [...]

HTML HTML. div.innerHTML, , "if current node Element" 3.2. <p> .

node . "if current node Text node". :

[...] node s data IDL, , .

data IDL . :

( ) :

• & &.

• U + 00A0 NO-BREAK SPACE  .

• , " ".

• , < &lt; > &gt;.

HTML .innerHTML - Unicode , , HTML.

- "↓" HTML "↓" innerHTML. , , "&" "&" "&", " "   " ".