1. 文档信息
(1)获取url: document.url
(2)window.location.href 与 document.url 的区别:
2.1 document表示的是一个文档对象,window表示的是一个窗口对象,一个窗口下可以有多个文档对象。
所以一个窗口下只有一个window.location.href,但是可能有多个document.url
2.2 window.location.href 可以被赋值,然后跳转到其它页面,document.url只能读不能写
(3)document.title
获取:
const title = document.title
console.log(title) // Djoy3.0
赋值:
document.title = 'hhh'
(4)获取域名:document.domain
类同 window.location.hostname
2. element
<body>
<div id='text' class='text_name' >text</div>
<script>
var oText = document.getElementById('text')
console.log(oText.id) // text
console.log(oText.className) // text_name
oText.id = 'newId'
oText.className = 'new_class'
console.log(oText.id) // newId
console.log(oText.className) // new_class
console.log(oText.tagName) // DIV
if (oText.tagName.toLowerCase() === 'div') {
console.log('div')
}
</script>
</body>
3. 属性:
操作特性的DOM 方法有三个,分别是
setAttribute()
getAttribute()
removeAttribute()