JavaScript通过Document类型表示文档。在浏览器中,Document对象是HTMLDocument的一个是实例,表示真个HTML页面。而且Document对象是window对象的一个属性,因此可以将其作为全局对象来访问。
获取
- 获取HTML
document.documentElement;
- 获取body
document.document.body
- 获取标题 + 改变标题
//获取
document.title
//改变
document.title = 'New Title'
- 获取完整URL
document.document.URL
- 获取域名
document.domain
- 获取域名
document.domain
- 获取来源页面URL
document.referrer
- 获取ID
document.getElementById('myId')
- 获取Class
document.getElementByClass('myClass')
- 获取name
document.getElementByName('myName')
- 获取元素, 传入‘*’可取所有元素
document.getElementsByTagName('*')
- 获取所有带有name的A标签
document.anchors
- 获取所有带有href的A标签
document.links
- 获取所有的元素
document.forms
- 获取所有
元素
document.images
备注:14、15也可以使用 getElementsByTagName 获取
写入
- write() / writeln() write()会原样写入,writeln()换行写入; 如果在window.onload后写入,字符串Hello World会从写整个页面
document.write('Hello World')
创建元素
- document.createElement() 方法可以创建新元素,这个方法只接受一个参数,参数为要创建的元素标签。
var div = document.createElement('div')
div.id = 'myDivId'
div.className = 'myDivClass'
div.innerHTML = '1'
document.body.append(div)