How can i get the text from this element?

Question

The text I need is: "BLABLA" from this code:

<td id="1" title="something">
    <span>text</span>
    <img src="pic.png"></img>
    <span><font>something</font></span>
    BLABLA
</td>

I can select the <td> element with id, but if I try to get the innerHTML value, I get the whole code inside the <td> element.

@siddhantsankhe that would also return text and something, OP only wants BLABLA — Pete, Nov 19 '18 at 11:10
@johndoel couple of things with your html - img tags don't need a closing tag, font tags are obsolete - don't use them — Pete, Nov 19 '18 at 11:11
Read the other answers too - there is some native js answers — Pete, Nov 19 '18 at 11:16

score 0 · Accepted Answer · answered Nov 19 '18 at 11:19

You can use the lastChild property to get the last element of a container.

let MyElement = document.getElementById("1").lastChild.data.trim();
console.log(MyElement);

<table>
    <tr>
        <td id="1" title="something">
            <span>text</span>
            <img src="pic.png"></img>
            <span><font>something</font></span>
            BLABLA
        </td>
    </tr>
</table>

How can i get the text from this element?

1 Answers1