what is the non-jquery equivalent (plain javascript) of this algorithm? [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.

Closed 12 years ago.

Improve this question

The answer jQuery - wrap all unwrapped text in p tags gives a jquery solution that wraps all text nodes with an html tag. I am wondering how to do it without jquery (if possible).

• Bergi: Have you tried it yet? Where are you stuck? Please show us your attempt.
• plalx: Have a look at stackoverflow.com/questions/15958020/…
• KJW: how is this offtopic, it's about javascript and asking a javascript question

Answer 1

Here you go: http://jsfiddle.net/reWXX/14/

var textnodes = getTextNodesIn(document.getElementById('demo'));
for(var i=0; i < textnodes.length; i++){
 if (textnodes[i].parentElement.id === 'demo') { // This is redundant 
 var newNode = document.createElement('p');
 newNode.textContent = textnodes[i].nodeValue;
 textnodes[i].parentNode.replaceChild(newNode, textnodes[i]);
 }
}

This is in plain JavaScript. However if Markasoftware works, IMHO that would be the proper way to do it, with a TreeWalker.

• markasoftware: what is getTextNodesIn?
• Mircea: Gets text nodes function. I thought its too big to post it here. Please look in the jsfiddle.net/reWXX/14. I've just rewrite what I got.

Answer 2

Here's a way:

var walker=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT,null,false);
while(walker.nextNode()){
 var newNode=document.createNode('p');
 newNode.textConTent=walker.currentNode.textContent;
 walker.currentNode.parentNode.replaceChild(newNode,walker.currentNode);
}

I haven't tested it yet and I've never used a treeWalker before, but I think this should work fine. I'm not sure, however, if the while loop MIGHT skip the first text node in the document. You'll just have to try.