javascript 字符串转成dom对象

最新推荐文章于 2024-08-16 16:46:35 发布

_loehuang_

最新推荐文章于 2024-08-16 16:46:35 发布

阅读量8.4k

点赞数 1

分类专栏： JavaScript 文章标签： javascript function div 浏览器算法

本文链接：https://blog.csdn.net/loehuang/article/details/5888795

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

方法：

function parseDom(arg) {

　　 var objE = document.createElement("div");

　　 objE.innerHTML = arg;

　　 return objE.childNodes;

};

短短几行代码就实现了转换，我们首先用标准的方法创建一个div出来，在用innerHTML来插入一个元素，其实也就是利用浏览器自己的内核算法来实现的一个转换。在用childNodes返回出来。

示例：

<html>
	<head>
		<script>
			
			
		function parseDom(arg) {

　　 var objE = document.createElement("div");

　　 objE.innerHTML = arg;

　　 return objE.childNodes;
	
		};
		
		var strDom = "<div id='strDom'></div>"
		
		var node = parseDom(strDom);
		
		alert(node[0].id);
		</script>
	</head>
	<body>
	</body>
</html>