javascript重回之路（DOM篇）

Javascript 三部分

JavaScript基础
对DOM的操作
对BOM的操作

	一、对DOM的操作
	
		1、获取节点
		通过id获取节点  document.getElementById('id');
		通过class获取节点  document.getElementsClassName('class');
		通过tag标签名获取节点  document.getElementByTagName('id');
		通过HTML元素获取节点  document.querySelector('demo');
		通过HTML元素获取节点  document.querySelectorAll('demo');
		<h4>1.1、节点关系（父、子和同胞，parent、child 以及 sibling ）</h4>
		parentNode
		childNodes[nodenumber]
		firstChild
		lastChild
		nextSibling
		previousSibling
		nodeName eg:<code>p</code>


	
		2、改变 HTML 元素
		element.innerHTML = 'a new content';改变元素的 inner HTML
		element.attribute='new attribute' 改变 HTML 元素的属性值
		element.setAttribute(attribute,avlue) 改变 HTML 元素的属性值
		element.style.property = 'new style' 改变 HTML 元素的样式


	
		3、添加和删除元素
		document.createElement(element)    创建 HTML 元素
		document.removeChild(element)  删除 HTML 元素
		document.appendChild(element) 添加 HTML 元素
		document.replaceChild(element) 替换 HTML 元素
		document.write(text) 写入 HTML 输出流

	

	
		4、添加事件
		 document.getElementById(id).onclick = function(){code}    事件处理
		document.addEventListener()    对HTML DOM事件监听
		例如：document.getElementById("myBtn").addEventListener("click", displayDate);