DOM 文档对象模型 (Document Object Model)。
它代表和操作文档的内容。
1,通过ID选取元素
var section1=document.getElementById(“section1”);
function getElements(/*ids...*/){
var elements={};
for(var i=0;i<arguments.length;i++){
var id=arguments[i];
var elt=document.getElementById(id);
if(elt==null)
throw new Error("No element with id:"+id);
elements[id]=elt;
}
return elements;
}
2,通过名字选取元素
var radiobuttons=document.getElementsByName(“favorite_color”);
//getElementsByName()定义在HTMLDocument类中,而不在Document类中,所以它只能对HTML文档可用,在XML文档中不可用。
通过CSS选择器选取元素
#nav // id="nav"的元素
div // 所有<div>元素
.warning // 所有在class属性值中包含了“warning”的元素
p[lang="fr"] //所有使用法语的段落,如:<p lang="fr">
*[name="x"] //所有包含name="x"属性的元素
span.fatal.error //其class中包含“fatal”和“error”的所有<span>元素
span[lang="fr"].warning //
#log span //id="log"元素的后代元素中所有<span>元素
#log>span //id="log"元素的子元素中的所有<span>元素
body>h1:first-child //<body>的子元素中的第一个<h1>元素
div, #log //所有<div>元素,以及id=“log”的元素
HTML表单
document.write()方法
只有在解析文档时才能使用write()方法输出HTML到当前文档中,如果将document.write()放在一个函数的定义中,而该函数的调用时从一个事件处理程序中发起的,产生的结果便可能不对。