html dom元素操作！

最新推荐文章于 2017-03-11 20:10:50 发布

IluckySi

最新推荐文章于 2017-03-11 20:10:50 发布

阅读量526

点赞数

分类专栏： ------javascript 文章标签： js dom对象同胞元素

本文链接：https://blog.csdn.net/sidongxue2/article/details/45844727

版权

------javascript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
  <head>
    <title>scroll.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script>
    	window.onload = function() {
    		var p212 = document.getElementById('p212');
    		console.info('p212 = ' + p212);
    		console.info('p212 parent = ' + p212.parentNode);
    		console.info('p212 previousSibling = ' + p212.previousSibling);
    		console.info('p212 nextSibling = ' + p212.nextSibling);
    		console.info('p212 childNodes = ' + p212.childNodes);
    		console.info('p212 firstChild = ' + p212.firstChild);
    		console.info('p212 lastChild = ' + p212.lastChild);
    	};
    </script>
  </head>
  <body>
  	<div id="p1">
  		<div id="p21">
	  		<div id="p211">
	  			211
	  		</div>
	  		<div id="p212">
	  			<div id="p2121">
		  			2121
		  		</div>
		  		<div id="p2122">
		  			2122
		  		</div>
	  		</div>
	  		<div id="p213">
	  			213
	  		</div>
  		</div>
  		<div id="p22">
  		<div id="p221">
	  			221
	  		</div>
	  		<div id="p222">
	  			222
	  		</div>
	  		<div id="p223">
	  			223
	  		</div>
  		</div>
  	</div>
  </body>
</html>

IluckySi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html dom元素操作！

scroll.html window.onload = function() { var p212 = document.getElementById('p212'); console.info('p212 = ' + p212); console.info('p212 parent = ' + p212.par
复制链接

扫一扫