您的位置：首页 > Web前端 > JavaScript

JavaScript&DOM

2016-05-02 09:54 447 查看

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()放在一个函数的定义中，而该函数的调用时从一个事件处理程序中发起的，产生的结果便可能不对。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航