[英]How do you do a string replace with javascript using HTML in a script tag
[英]How do you replace an string HTML tag with another tag?
如何用P
标签替换替换字符串HTML非白名单标签?
白名单示例是p
br
标签
字符串之前
<p>hello</p>
<div class="test">hello world <br>
<div>First LI</div>
<div>Second LI <a href="">link</a></div>
</div>
<div class="fw">
<p>shareeditflag <span>test</span></p>
</div>
<table>
<tbody>
</tbody>
</table>
字符串期望
<p>hello</p>
<p class="test">hello world <br>
<p>First LI</p>
<p>Second LI <a href="">link</a></p>
</p>
<p class="fw">
<p>shareeditflag <p>test</p></p>
</p>
<p>
<p>
</p>
</p>
用jquery的方式无法完成,因为当深层节点出现问题时,它需要循环直到没有非白名单?
$('*:not(p,br)').replaceWith($('<p>' + this.innerHTML + '</p>'));
按照此处概述的策略,您可以创建一个新的<p>
元素,用旧的<div>
的内容填充它,插入新元素,然后删除原始元素:
var test = document.getElementsByClassName("test")[0];
var fw = document.getElementsByClassName("fw")[0];
var ptest = document.createElement("p");
ptest.innerHTML = test.cloneNode(true).innerHTML;
parent = test.parentNode;
parent.insertBefore(ptest, test);
parent.removeChild(test);
var pfw = document.createElement("p");
pfw.innerHTML = fw.cloneNode(true).innerHTML;
parent = fw.parentNode;
parent.insertBefore(pfw, fw);
parent.removeChild(fw);
但是,您必须首先解决HTML的问题,因为这些方法都不能指望格式错误的HTML起作用。 在这种情况下,将<li>
放入列表中,并将<table>
内容放入<tbody>
(或表的行和列)中。 例如:
<p>hello</p>
<div class="test">
hello world
<br>
<ul>
<li>First LI</li>
<li>Second LI <a href="">link</a></li>
</ul>
</div>
<table id="fw" class="fw">
<tr>
<td>
<p>shareeditflag</p>
</td>
</tr>
</table>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.