javascript 字符串 转成dom对象

方法:

 

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>


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
要将JavaScriptDOM元素转换为字符串,可以使用innerHTML属性。首先,创建一个临时的div元素节点,然后将要转换的DOM节点克隆到临时节点中。接下来,使用tmpNode.innerHTML将临时节点的内容转换为字符串。最后,清空临时节点和原始节点,防止内存泄漏。以下是转换的代码示例: ```javascript function nodeToString(node) { var tmpNode = document.createElement("div"); tmpNode.appendChild(node.cloneNode(true)); var str = tmpNode.innerHTML; tmpNode = node = null; // 防止内存泄漏 return str; } ``` 使用该函数,您可以将JavaScriptDOM元素转换为字符串,并进行后续处理。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [DOM节点转化字符串](https://blog.csdn.net/weixin_44805839/article/details/121859257)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [javascript转换字符串dom对象字符串动态创建dom)](https://download.csdn.net/download/weixin_38567813/14813084)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值