获取父节点和兄弟节点
通过具体的节点调用
1 parentNode
属性,表示当前节点和父节点
2 previousSibling
属性,表示当前节点的前一个兄弟节点
3 nextSibling
属性,表示当前节点的后一个兄弟节点
<button id="btn">点我一下</button>
<ul id="city">
<li id="sh">上海</li>
<li>北京</li>
<li>福州</li>
</ul>
<Script>
function myClick(idStr, fun){
var btn = document.getElementById(idStr);
btn.onclick = fun;
};
// function test(){
// alert("hello");
// };
// myClick('btn', test);
/*
innerText:
- 该属性可以获取到元素内部的文本内容.
- 它和innerHTML类似, 不同的是它会自动将html标签去除
*/
myClick('btn', function(){
var beijing = document.getElementById('sh');
var pn = beijing.parentNode;
alert(pn.innerHTML);
alert(pn.innerText);
});
</Script>