JavaScript&DOM

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值