html分为
abcdddddddd 文本节点(不带标签的)
<span>abc 元素节点</span> 元素节点(带标签的)
取子节点
.childNodes.length
window.onload=function (){
var oUl = document.getElementById("ul1");
alert(oUl.childNodes.length );
}
使用.nodeType区分 文本节点和元素节点
window.onload=function (){
var oUl = document.getElementById("ul1");
alert(oUl.childNodes.length );
//nodeType==3 文本节点
//nodeType==1 元素节点
for(var i=0;i<oUl.childNodes.length;i++){
console.log("node的类型:"+oUl.childNodes[i].nodeType);
//alert(oUl.children.length);//取值是正常的不会取文本节点
}
}
使用.children取子节点是正常的
alert(oUl.children.length);
取父节点.parentNode.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul>
<li>qweqweq <a href="javascript:;">隐藏</a></li>
<li>qweqweq <a href="javascript:;">隐藏</a></li>
<li>qweqweq <a href="javascript:;">隐藏</a></li>
<li>qweqweq <a href="javascript:;">隐藏</a></li>
</ul>
<div id="">qweqweq<a href="javascript:;">隐藏</a></div>
<div id="">uity<a href="#">隐藏</a></div>
<div id="">dfgds<a href="#">隐藏</a></div>
<div id="">gjktgjdtgt<a href="#">隐藏</a></div>
</body>
<script type="text/javascript">
window.onload=function(){
var aA=document.getElementsByTagName('a');
for(var i =0;i<aA.length;i++){
aA[i].onclick=function (){
this.parentNode.style.display='none';
//alert(this.parentNode)
};
}
};
</script>
</html>
<a>标签中的href="javascript:;"是什么意思?
例子:<a href="javascript:;">我的大学</a>
javascript: 是一个伪协议
javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击<a>时就没有任何反应。
href="javascript:;"就是去掉a标签的默认行为,跟href="javascript:void(0)"是一样的?
是一样的。
void 是JavaScript 的一个运算符,void(0)就是什么都不做的意思。