2021-01-29

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script  type="text/javascript">
			//增  document.createElement();//strong  div   text
			
			//document.createTextNode();//创建文档节点
			
			//document.createComment();//创建注释节点
			
			//document.createDocumentFragment();
			
			//插
			
			//PARENTNODE.appendChild();
			
			//PARENTNODE.insertBefore(a,b);
			
			//div.insertBefore(a,b);
			
			
			///删
			
			//parent.removeChild();
			
			//child.remove();
			
			//parent.replaceChild(new,origin);
			
			//Element节点的一些属性
			
			//innerHTML
			//innerText(火狐不兼容)//textContent(老版本IE不好使)
				
				//Element节点的一些方法
				
				//ele.setAttribute()
				//ele.getAttribute();
				
				//练习  编写一段JS脚本生成下面这段DOM结构  要求  使用标准的DOM方法或属性
				
				//<p class="slogan">比尔斯,你的粉眼睛呢!</p>
				
				//提示 都没、。className可以读写clas
		</script>
		<script type="text/javascript">
			var div = document.createElement('div');
			var p = document.createElement('p');
			div.setAttribute('calss','example');
			p.setAttribute('calss','example');
			var text =document.createTextNode('粉眼');
			p.appendChild(text);
			div.appendChild(p);
			document.body.appendChild(div);
			//div.calssName=""
			
			div.innHTML=();
			
			
			//封装函数insertAfter();功能类似inserBefore();
			//<div>
		//	<i></i>
		//<b></b>
		//<p></p>
		//<span></span>
		//</div>
			//Element.prototype.insertAfter = function(targetNode,
			//afterNode){
				//var beforeNode = afterNode.nextElementSibling;
				//if(beforNode == null){
				//	this.appendChild(targetNode);
				//}else{
				//	this.insertBefore(targetNode, beforeNode);
				//}
				
			//}
			//var div = document.getElementsByTagName('div')[0];
			//var b =document.getElementsByTgName('b')[0];
			//var span = document.getElmentsByTagName('span')[0];
			//var p = document.createElement('p');
		</script>
		
		
	</head>
	</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值