DOM操作

html分为

abcdddddddd       文本节点(不带标签的)

<span>abc 元素节点</span>  元素节点(带标签的)

 

取子节点

.childNodes.length

window.οnlοad=function (){
			var oUl = document.getElementById("ul1");
			alert(oUl.childNodes.length );
		}

 

使用.nodeType区分 文本节点和元素节点

window.οnlοad=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.οnlοad=function(){
			var aA=document.getElementsByTagName('a');
			for(var i =0;i<aA.length;i++){
				aA[i].οnclick=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)就是什么都不做的意思。

 

发布了22 篇原创文章 · 获赞 1 · 访问量 2087
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 书香水墨 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览