JavaScript Document 类型

159 阅读1分钟
JavaScript通过Document类型表示文档。在浏览器中,Document对象是HTMLDocument的一个是实例,表示真个HTML页面。而且Document对象是window对象的一个属性,因此可以将其作为全局对象来访问。
获取
  1. 获取HTML
    document.documentElement;
  1. 获取body
    document.document.body
  1. 获取标题 + 改变标题
    //获取
    document.title
    //改变
    document.title = 'New Title'
  1. 获取完整URL
    document.document.URL
  1. 获取域名
    document.domain
  1. 获取域名
    document.domain
  1. 获取来源页面URL
    document.referrer
  1. 获取ID
    document.getElementById('myId')
  1. 获取Class
    document.getElementByClass('myClass')
  1. 获取name
    document.getElementByName('myName')
  1. 获取元素, 传入‘*’可取所有元素
    document.getElementsByTagName('*')
  1. 获取所有带有name的A标签
    document.anchors
  1. 获取所有带有href的A标签
    document.links
  1. 获取所有的元素
    document.forms
  1. 获取所有元素
    document.images

备注:14、15也可以使用 getElementsByTagName 获取

写入
  1. write() / writeln() write()会原样写入,writeln()换行写入; 如果在window.onload后写入,字符串Hello World会从写整个页面
    document.write('Hello World')
创建元素
  1. document.createElement() 方法可以创建新元素,这个方法只接受一个参数,参数为要创建的元素标签。
    var div = document.createElement('div')
    div.id = 'myDivId'
    div.className = 'myDivClass'
    div.innerHTML = '1'
    document.body.append(div)