document的用法和搭配
一、什么是document？
Document对象是HTML文档的根节点，在JavaScript中，它代表整个文档，是操作HTML元素的入口。
二、document的常用属性
1. document.title：获取或设置文档标题。
2. document.URL：获取当前文档的URL。
3. document.domain：获取或设置文档域名。
4. ferrer：获取当前文档的引用页面。
5. document.body：获取或设置文档主体部分。
三、document的常用方法
1. getElementById()：根据元素ID获取元素对象。
2. getElementsByTagName()：根据标签名获取元素对象集合。
3. getElementsByClassName()：根据类名获取元素对象集合。
4. querySelector()：返回匹配指定CSS选择器的第一个元素对象。
5. querySelectorAll()：返回匹配指定CSS选择器的所有元素对象集合。
四、document与DOM操作
1. 创建新节点：
```
var newElement = ateElement('div');
```
2. 添加子节点：
```
var parentElement = ElementById('parent');
parentElement.appendChild(newElement);
```
3. 删除子节点：
```
var parentElement = ElementById('parent');
var childElement = ElementById('child');
veChild(childElement);
```
4. 替换子节点：
```
var parentElement = ElementById('parent');
var oldChild = parentElement.childNodes[0];
var newChild = ateElement('div');
placeChild(newChild, oldChild);
```
五、事件监听
1. addEventListener()方法：
```
element.addEventListener(event, function, useCapture);
```
2. removeEventListener()方法：
```
veEventListener(event, function, useCapture);
```
六、document对象与表单操作
1. 获取表单元素：
```
var form = document.forms[0];
var input = form.elements['inputName'];
```
2. 提交表单：
```
form.submit();
```
3. 重置表单：
```
set();
```
七、常见问题
1. 如何获取页面中所有的链接？
可以使用getElementsByTagName()方法获取所有的<a>标签，然后遍历集合，获取href属性值。
2. 如何阻止默认事件？
可以使用event.preventDefault()方法阻止默认事件的发生。
3. 如何停止事件冒泡？
可以使用event.stopPropagation()方法停止事件冒泡。
八、总结
Document对象是JavaScript操作HTML元素的入口，通过它可以获取页面中的元素对象、修改元素属性、添加删除子节点等。在实际开发中，我们需要熟练掌握document对象及其常用方法和属性，灵活运用DOM操作和事件监听。
html中提交表单用什么属性

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。