JS基础丨01. DOM对象

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/CooliYellow/article/details/82939448

<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>