basicamente la sintaxis de punto es un operador para acceder a propiedades o metodos relacionado a un objeto. en tu ejemplo, la primera instruccion accede a un metodo (o funcion) del objeto document. en la segunda linea sucede lo mismo pero esta vez la propiedad del valor contenido en la variable.
en javascript, todos los tipos de valor se pueden considerar un objeto, en el sentido que puedes usar la sintaxis de punto para obtener informacion de acuerdo al tipo de datos. esto es posible gracias al mecanismo de herencia, donde cada tipo de valor hereda propiedades y metodos de un "super-objeto". en el siguiente ejemplo, fijate que los valores son literales y al mismo tiempo se accede a propiedades o metodos.
Código:
"un string".length; // propiedad length de los string;
(10).toString(2); // metodo toString de un integer o entero;
[0, 1, 2, 3].length; // propiedad length de array;
({x:0, y:1, z:2}).hasOwnProperty; // metodo hasOwnProperty de los objetos;
(function(){}).prototype; // propiedad prototype de las funciones, a su vez es un objeto;
/\s/.test(''); // metodo test de las expresiones regulares;
true.toString(); // metodo toString en un boolean;
no logro encontrar referencia en español, quizas te sirvan las siguientes.
http://jennifermadden.com/javascript/dotSyntax.html http://livedocs.adobe.com/director/m...n/01b_wri3.htm