摘要:document.getElementById('item1'); //通过id:item1来获取元素 document.getElementsByName('login')[0]; //通过name:login属性来获取元素 获得是一个节点列表数组,Nodelis
document.getElementById('item1'); //通过id:item1来获取元素
document.getElementsByName('login')[0]; //通过name:login属性来获取元素 获得是一个节点列表数组,Nodelist,我们可以把name属性当成document对象的属性来用
document.getElementsByTagName('ul')[0]; //通过标签名:ul来获取元素 返回的也是一个元素集合 也可以用item()来获取单个元素
该方法不仅定义在document对象上,还在元素对象上也有定义
//---------------------------------------------------------
//以文档对象的方式来访问这些特定的元素集合
document.images[0](索引),document.images['pic'](name属性),document.images.pic(name作为images对象的属性值) //document.images:获取所有的<img>元素,返回是一个数组,
//forms 属性:获取到页面中的所有的<form>
document.forms[0](索引),document.forms['register'] (name属性)document.forms.register (name作为forms对象的属性值) document.forms.item(0) (使用元素集合)
//links 链接<a>
document.links[0](索引),document.links['php'](name属性),document.links.php(name作为links对象的属性值)
//body:<body>
document.body
//head <head>
document.head
// documentElement <html>
document.documentElement
//doctype :文档类型
document.doctype
//---------------------------------------------------------------
document.getElementsByClassName('red');//通过class:red属性来获取元素 该方法不仅可以在document对象上调用, 也可以在元素上调用,一般在父元素上调用 class支持多值
document.querySelectorAll('li') //通过css选择器获取li标签所有的元素 .item() 索引
document.querySelector('#ul') //通过css选择器获取id=ul的元素 返回满足条件的第一个
批改老师:灭绝师太批改时间:2018-11-08 10:09:53
老师总结:除了上课内容还课外拓展了,继续保持这股子热情哦