<script type="text/javascript">
/**
* DOM 文档对象模型
* DOM 是树形结构
*
* DOM节点种类
*/
01. 元素节点
document.getElementById();// 通过ID获取元素节点对象,如果ID不存在,则返回null
document.getElementsByTagName();// 通过标签明获取DOM对象
document.getElementsByName();// 返回值类型也是数组
02. 属性节点:
.tagName:标签名称
.id:获取元素节点的id,唯一的标识符(可读,可写)
.innerHTML:元素节点的内容
.title:(可读,可写)
.zidingyi:自定义的属性节点不能够通过语法来调用
.value: 获取value的值
setAttribute(参数1属性节点的名字, 参数2属性节点的值): 设置自定义的属性
getAttribute():获取属性、自定义属性的// 值;
removeAttribute() 删除属性节点;
03. 文本节点:
1. nodeName
2. nodeType
3. nodeValue
获取所有子节点 childNodes
* innerHTML和nodeValue的区别
* 1.取值:
innerHTML:取元素节点的值(.innerHTML)
nodeValue:取文本,属性节点的值(.childNodes[0].nodeValue)
*
* 2.赋值:
innerHTML可以解析html标签
nodeValue不可以解析html,它会原样输出
* innerHTML,outHTML,innerText的区别
1. innerHTML:元素节点包含的所有内容
2. innerText:元素节点包含的所有文本
3. outHTML:包含元素本身,以及该元素节点包含的所有内容
</script>