47 DOM查询(三)

• parentNode
  • 属性，表示当前节点的父节点
• previousSibling
  • 属性，表示当前节点的前一个兄弟节点
• nextSibling
  • 属性，表示当前节点的后一个兄弟节点
• 定一个函数，专门用来为指定元素绑定单机响应函数
  • 参数：idStr 要绑定单机响应函数的对象的id属性值
  • fun 事件的回调函数，当单击元素时，该函数将会被触发

function myClick(idStr,fun){
	var btn = document.getElementById(idStr);
	btn.onclick = fun;}
}
myClick("btn02",function(){
	var bj = document.getElementById("bj");
	#获取bj的父节点
	var pn = bj.parentNode;
});

• parentNode
  • 属性，表示当前节点的父节点
• previouSibling
  • 返回当前节点的前一个兄弟节点（也可能获取到空白的文本）
• previoELementSibling
  • 获取当前节点的前一个兄弟元素，IE8及以下不支持
• nextSibling
  • 属性，表示当前节点的后一个兄弟节点
• value
  • 属性，获取当前节点的value值
• nodeValue
  • 获取bj元素的文本节点
    var bj = document.getElementById("bj");
alert(bj.firstChild.nodeValue); //以下三种效果相同
alert(bj.innerHTML);
alert(bj.innerText);
• innerHTML
  • 属性，可以获取到元素内部的内容
• innerText
  • 属性，获取元素内部的文本内容
  • 他和innerHTML类似，不同的是他会自动将html标签去除