Count appearances of a string in document using javascript?

Question

I want to have a javascript code that counts how many times the text "Apple" appears in the current document (let this number be N) and creates a new div in whic it adds the aforementioned text N times.

So far I've managed to count how many times 'Apple' appears in the document using an example found on the internet, like this:

JS

window.getCount = function(parent, getChildrensChildren){
    var relevantChildren = 0;
    var children = parent.childNodes.length;
    for(var i=0; i < children; i++){
        if(parent.childNodes[i].nodeType != 3){
            if(getChildrensChildren)
                relevantChildren += getCount(parent.childNodes[i],true);
            relevantChildren++;
        }
    }
    return relevantChildren;
}

HTML

<pre>
<div id="test">
    <span>Apple</span>
    <span>Apple.</span>
    <span>Apple</span>
    <span>Apple</span>
    <span>Apple</span>
    <span>Apple</span>
</div>
<pre>
<a href="#" onclick="alert(getCount(document.getElementById('test'), false));">Show counter:</a>

Thank you.

how can I create a new div in which I append 'Apple' as many times as it was found in the document ? — SimpleFuzz, Jun 13 '16 at 08:18
Possible duplicate of [Create
and append
dynamically](http://stackoverflow.com/questions/14004117/create-div-and-append-div-dynamically) — Liam, Jun 13 '16 at 08:21
Is there a reason you can't create the div manually so it's already part of the DOM, and then just populate it later? — Reinstate Monica Cellio, Jun 13 '16 at 08:24

score 0 · Answer 1 · answered Jun 13 '16 at 08:46

try this

<pre>
<div id="test">
    <span>Apple</span>
    <span>Apple.</span>
    <span>Apple</span>
    <span>Apple</span>
    <span>Apple</span>
    <span>Apple</span>
</div>
<pre>
<a href="#" onclick="alert(getCount(document.getElementById('test'), false));">Show counter:</a>
<div class="response">

</div>


window.getCount = function(parent, getChildrensChildren){
        var relevantChildren = 0;
        var children = parent.childNodes.length;
        for(var i=0; i < children; i++){
            if(parent.childNodes[i].nodeType != 3){
                if(getChildrensChildren)
                    relevantChildren += getCount(parent.childNodes[i],true);
                relevantChildren++;
            }
        }
            document.body.getElementsByTagName('div')[1].innerHTML  = relevantChildren;
        return relevantChildren;
    }

Count appearances of a string in document using javascript?

JS

HTML

1 Answers1