/ 设置 10 秒超时 // 每日统计清 0 runtime_set('todaycomments', 0); runtime_set('todayarticles', 0); runtime_set('todayusers', 0); if ($forumlist) { $fidarr = array(); foreach ($forumlist as $fid => $forum) { $fidarr[] = $forum['fid']; } forum_update($fidarr, array('todayposts' => 0, 'todaythreads' => 0)); } // 清理临时附件 attach_gc(); // 当天24点 $today = strtotime(date('Ymd')) + 86400; runtime_set('cron_2_last_date', $today, TRUE); // 往前推8个小时，尽量保证在前一天 升级过来和采集的数据会很卡 // table_day_cron($time - 8 * 3600); cache_delete('cron_lock_2'); } } } ?>can adjacent text nodes in the DOM be merged with Javascript? - Stack Overflow|Concepts Of Algorithm
  2. Algorithm
  3. can adjacent text nodes in the DOM be merged with Javascript? - Stack Overflow

can adjacent text nodes in the DOM be merged with Javascript? - Stack Overflow

admin2025-04-20  2

Suppose I have a sentence in the webpage DOM that when I examine it, consists of 3 text nodes followed by perhaps some element like BOLD or ITALIC. I want to merge the text nodes into one text node, since having adjacent text nodes is meaningless - there is no reason to have them. Is there a way to merge them easily? Thanks

Suppose I have a sentence in the webpage DOM that when I examine it, consists of 3 text nodes followed by perhaps some element like BOLD or ITALIC. I want to merge the text nodes into one text node, since having adjacent text nodes is meaningless - there is no reason to have them. Is there a way to merge them easily? Thanks

  • javascript
  • dom
Share Improve this question asked Sep 11, 2016 at 14:22 Gideon IsaacGideon Isaac 4055 silver badges17 bronze badges 5
  • 2 Can I see some code about this? – Obinna Nwakwue Commented Sep 11, 2016 at 14:37
  • If you don't want to destroy the actual DOM, then you need to search for all of them and bine them manually into the first of them and removing the other ones. Otherwise you could try by replacing Element.outerHTML by itself, which in most cases would result one text Node again. But what is the reason why you care about that? – t.niese Commented Sep 11, 2016 at 14:43
  • "There is no reason to have them": there seems no reason either to not have them. Leave this to the browser to manage. – trincot Commented Sep 11, 2016 at 15:21
  • I have a range application that depends on some stability in the DOM. So if every time the user selects some text a new text-node is created, pretty soon I have swiss cheese. – Gideon Isaac Commented Sep 11, 2016 at 16:33
  • Possible duplicate of Merging Text Nodes Together After Inserting Span – Gaurang Tandon Commented Jun 25, 2019 at 8:37
Add a ment  | 

3 Answers 3

Reset to default 8

It seems that Node.normalize() is doing exactly what you want. You can refer to: Node.normalize()

Maybe this will help you:

var parentNode = document.getElementById('pelements');
var textNode = document.createElement('p');

while (parentNode.firstChild) {
  textNode.textContent += parentNode.firstChild.textContent;
  parentNode.removeChild(parentNode.firstChild);
}

parentNode.appendChild(textNode);
<div id="pelements">
    <p>A</p>
    <p>B</p>
    <p>C</p>
  </div>

It is possible, but you need to specify the parent element. It should be possible to traverse the whole DOM and every node, but if you can avoid that, it would be better.

nodes = document.body.childNodes;
nodesToDelete = [];

function bineTextNodes(node, prevText) {
    if (node.nextSibling && node.nextSibling.nodeType == 3) {
        nodesToDelete.push(node.nextSibling);
        return bineTextNodes(node.nextSibling, prevText + node.nodeValue);
    } else {
        return prevText + node.nodeValue;
    }
}

for (i = 0; i < nodes.length; i++) {
    if (nodes[i].nodeType == 3) {
        nodes[i].nodeValue = bineTextNodes(nodes[i], '');
    }
}

for (i = 0; i < nodesToDelete.length; i++) {
    console.log(nodesToDelete[i]);
    nodesToDelete[i].remove();
}
转载请注明原文地址:http://conceptsofalgorithm.com/Algorithm/1745149222a287524.html

can adjacent text nodes in the DOM be merged with JavascriptStack Overflow

最新回复(0)