2021-01-29

最新推荐文章于 2021-09-17 14:56:18 发布

JAVA2348 MR

最新推荐文章于 2021-09-17 14:56:18 发布

阅读量119

点赞数

分类专栏：新手实验

本文链接：https://blog.csdn.net/JAVA2348/article/details/113384196

版权

新手实验专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!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>

JAVA2348 MR

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2021-01-29

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> //增 document.createElement();//strong div text //document.createTextNode();//创建文档节点
复制链接

扫一扫