[英]how to get html tags into a text node
好的,我在jsfilddle上拥有所有内容http://jsfiddle.net/U67hC/
我的问题是<ins>
和</ins>
被添加到环绕文本中,应该是HTML,但显示为纯文本。 仅在通过parseHTML
创建对象之后添加时。 如果我在解析之前将其添加到文本中,则显示为良好的html。 如何将其添加到文本周围,然后使其识别为HTML?
::编辑::
我有一个项目要添加到此处,作为原始问题的分支,该系统目前在下面的集合中运行,但是如果在test31之后添加任何文本,则需要将其断开并将该文本推入单独的节点中。 有没有一种方法可以让循环中的其余文本并中断循环,同时在其中创建新的ins节点之后通过允许函数循环继续然后点击下一个集合来为父级创建一个新的文本节点文字?
就像是
::结束编辑::
代码如下:
$(function () {
var array = [];
var count = 0;
step_through_array($.parseHTML('<div>test1<strong><img src="">test2 test32</strong>test3<p>test4</p></div><p><ins>test5</ins></p>'));
var obj = $.parseHTML('<div>test1<strong>test2 test31</strong>test3<p>test4</p></div><p><ins>test5</ins></p>');
step_through(obj);
$('#content').html(obj);
function step_through(obj) {
$.each(obj, function () {
if (this.childNodes.length != 0) {
step_through(this.childNodes);
} else if (this.nodeName == '#text') {
var data_set = '';
$.each(this.data.split(' '), function (name, value) {
if (array[count] == value) {
data_set += value + ' ';
} else {
/*tags added here*/
var new_obj = document.createElement('ins');
new_obj.appendChild(document.createTextNode(value));
$(curr_obj).after(new_obj);
}
count++;
});
this.data = data_set;
}
});
}
function step_through_array(obj) {
$.each(obj, function () {
if (this.childNodes.length != 0) {
step_through_array(this.childNodes);
} else if (this.nodeName == '#text') {
$.each(this.data.split(' '), function (name, value) {
array.push(value);
});
}
});
}
});
文本节点仅包含文本。
如果要在文本节点的中间插入HTML元素,则必须:
document.createElement
创建它 document.createTextNode
创建一个带有其内容的文本节点
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.