document对象的属性
时间: 2024-04-07 14:30:50 浏览: 20
document对象是代表整个HTML文档的根节点,它具有许多属性,以下是一些常用的属性:
1. document.title:获取或设置当前文档的标题。
2. document.URL:获取当前文档的完整URL。
3. document.domain:获取或设置当前文档的域名。
4. document.body:获取当前文档的<body>元素。
5. document.head:获取当前文档的<head>元素。
6. document.documentElement:获取当前文档的<html>元素。
7. document.cookie:获取或设置当前文档的Cookie。
8. document.forms:获取当前文档中所有的表单元素。
9. document.images:获取当前文档中所有的图像元素。
10. document.links:获取当前文档中所有的链接元素。
11. document.scripts:获取当前文档中所有的<script>元素。
12. document.styleSheets:获取当前文档中所有的样式表元素。
相关问题
document对象的属性 举例子
好的,以下是一些常用document对象属性的例子:
1. 获取当前文档的标题:
```javascript
console.log(document.title);
```
2. 获取当前文档的完整URL:
```javascript
console.log(document.URL);
```
3. 获取当前文档的域名:
```javascript
console.log(document.domain);
```
4. 获取当前文档的<body>元素:
```javascript
console.log(document.body);
```
5. 获取当前文档的<head>元素:
```javascript
console.log(document.head);
```
6. 获取当前文档的<html>元素:
```javascript
console.log(document.documentElement);
```
7. 获取当前文档的Cookie:
```javascript
console.log(document.cookie);
```
8. 获取当前文档中所有的表单元素:
```javascript
console.log(document.forms);
```
9. 获取当前文档中所有的图像元素:
```javascript
console.log(document.images);
```
10. 获取当前文档中所有的链接元素:
```javascript
console.log(document.links);
```
11. 获取当前文档中所有的<script>元素:
```javascript
console.log(document.scripts);
```
12. 获取当前文档中所有的样式表元素:
```javascript
console.log(document.styleSheets);
```
利用document对象属性,当鼠标移动到颜色文字上方时动态改变文档的背景颜色
以下是一个示例代码:
HTML代码:
```html
<p>移动鼠标到以下颜色文字上方,文档背景颜色会动态改变:</p>
<ul>
<li id="color-red">红色</li>
<li id="color-green">绿色</li>
<li id="color-blue">蓝色</li>
</ul>
```
JavaScript代码:
```javascript
var red = document.getElementById('color-red');
var green = document.getElementById('color-green');
var blue = document.getElementById('color-blue');
var body = document.body;
red.addEventListener('mouseover', function() {
body.style.backgroundColor = 'red';
});
green.addEventListener('mouseover', function() {
body.style.backgroundColor = 'green';
});
blue.addEventListener('mouseover', function() {
body.style.backgroundColor = 'blue';
});
```
上述代码定义了三个变量,分别对应三个颜色的li元素和文档的body元素。然后,对每个li元素添加了一个mouseover事件监听器,当鼠标移动到该元素上方时,就会执行相应的函数,将文档的背景颜色改为对应的颜色。