重拾Javascript基础(三) - DOM属性&方法

全局变量

document 对HTML DOM文档的引用，通过这个变量来实现对HTML DOM的访问及操作 HTMLElement

DOM属性

[get] document.body; [get] element.childNodes; [get] element.parentNode; [get] document.documentElement; [get] element.firstChild; [get] element.lastChild; [get] element.nextSibling; [get] element.previousSibling; [get|set] element.innerText; [get|set] element.innerHTML; [get] element.nodeName; [get] element.nodeType; [get] element.nodeValue; [get|set] element.className;

DOM方法

document.getElementById(); document.getElementsByTagName(); element.getAttribute(attrName); element.removeAttribute(attrName); element.setAttribute(attrName, attrValue); document.createElement(tagName); document.createElementNS(namespace, tagName); document.createTextNode(textString); element.cloneNode(true|false); true:节点及内部的所有东西都会克隆 false:只有节点本身被克隆 element.appendChild(element); document.insertBefore(element, element); element.removeChild(element); document.replaceChild(element, element);

HTML DOM加载顺序

1、下载和渲染同时进行 2、遇到js、css将开启单独的连接进行下载 3、js、css下载完成后覆盖前面下载的js、css，然后对页面重新渲染