differenza tra il documento.get-documentelement.clientHeight e documento.corpo.clientHeight

Qual è la differenza tra document.documentElement.clientHeight e document.body.clientHeight? Sono i valori di ritorno compatibili con tutti i browser web o di tutti valutare in modo diverso?

Nel mio caso particolare, la documentElement sembra avere un’altezza inferiore rispetto al body elemento, il che non ha senso. Perché succede questo?

Fyi, si dovrebbe separare le diverse domande in bene.. a domande diverse.
closed as not a real question, eppure ho passato probabilmente 20 minuti a trovare Guffa risposta a una non-domanda reale.
concordato. Penso che questa è una grande domanda e ha una eccellente risposta, ma aveva troppi commenti inutili e la mancanza di chiarezza.. ho modificato la domanda…speriamo che si passa la revisione dei!

OriginaleL’autore NoodleOfDeath | 2011-11-08

3 Replies
  1. 14

    Il document.documentElement struttura offre la html elemento, mentre il document.body struttura offre la body elemento.

    Il window.innerHeight proprietà restituisce l’altezza della finestra, piuttosto che l’altezza del contenuto.

    Diversi browser vi darà diversi valori per le dimensioni di tali elementi, e lo stesso browser può dare valori diversi a seconda che la pagina viene visualizzata in Modalità standard o Standard Modalità di Conformità, e se si sta utilizzando HTML o XHTML. Il html elemento può rappresentare sia la finestra, o l’intera pagina. Il body elemento può essere la stessa dimensione come il html elemento, o la dimensione del contenuto della pagina.

    Il html e body elementi “magici” elementi che non esiste nello stesso modo come altri elementi. In XHTML sono stati modificati in modo che funzionano più come elementi reali, ma ci sono ancora alcune cose che sono “magici”. Per esempio, il body elemento non ha un background su di essa la propria, invece il html e body condividono lo stesso background ed è sempre copre l’intera finestra, anche se il body elemento non.

    Grazie! Che ha aiutato un sacco!
    Per me il salvataggio di alcuni xhtml contenuti senza DOCTYPE e con .l’estensione html forzato il caricamento della pagina in modalità aka BackCompat.

    OriginaleL’autore Guffa

  2. 9

    Che ho capito il problema! Aveva a che fare con la mia dichiarazione DOCTYPE a destra prima del tag HTML. Senza il doctype, il get-documentelement e corpo, in realtà interruttore. Grazie per tutti gli altri l’aiuto di troppo 😀

    Sì, ho detto che i valori possono differire a seconda che la pagina viene visualizzata in Modalità standard o Standard Modalità di Conformità.

    OriginaleL’autore NoodleOfDeath

  3. 3

    Chiediamo al buon vecchio firebug (per ragioni di essere pigro, l’ho fatto qui a destra su per la differenza tra questi due oggetti:

    >>> document.documentElement
    <html>
    >>> document.body
    <body class="question-page">

    Così, document.documentElement punti per il livello superiore <html> elemento mentre document.body punti per la <body> elemento.

    Questo risponde alla domanda? Dai post, mi piacerebbe pensare OP sa che documento.get-documentelement si riferisce al <html> elemento, e vuole sapere come <body> è più grande di <html>.
    Ha curato la domanda.

    OriginaleL’autore ThiefMaster

Lascia un commento