get textNode of a elementNode of a web page via javascript

Question

In a web page,i want to get every visible text in a textnode.I don't want to put all the result into one array.I mean, when i meet a visible text, i will do something else. How could i achieve it?

I think you need to be more clear with what you are trying to do. Do you want to iterate through the DOM and perform an action on every textnode you encounter? Do you mean HTML form text input field? — d-_-b
– d-_-b, Commented Mar 31, 2010 at 15:10

aaaaaaaaaaaa · Accepted Answer · 2010-03-31 16:21:41Z

2

I guess you want something like this:

<script type="text/javascript">
function textnodes(){
    function iterate(node){
        var nodes=node.childNodes
        var len=nodes.length
        for(var a=0;a<len;a++){
            if(nodes[a].nodeType==3){
                if(!nodes[a].nodeValue.match(/^[\s]*$/)){
                    alert(nodes[a].nodeValue) //Insert your code here.
                }
            }
            else{
                if(nodes[a].nodeName.toLowerCase()!="script"){
                    iterate(nodes[a])
                }
            }
        }
    }
    iterate(document.body)
}
textnodes()
</script>

The script as it is might be a bit overzealous, you get along a lot of invisible text nodes, you can sort those out if you don't need them.

Edit: Modified to sort out invisible nodes since you specifically requested only visible nodes.

edited Mar 31, 2010 at 16:21

answered Mar 31, 2010 at 16:09

aaaaaaaaaaaa

3,7111 gold badge26 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

get textNode of a elementNode of a web page via javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related