Getting the value of text from a text object in JavaScript

Question

I have an HTML file which contains the following line:

<div><img src="img1.gif"><br>My Text</div>

I'm trying to select the phrase "My Text" using JavaScript so I can change it. I'm able to get the object that contains the text by using lastChild, but can't figure out how to get the value of the text itself.

Answer 1

if you have

<div><img src="img1.gif"><br><span>My Text</span></div>

then you can do

lastChild.innerHTML gets the value and you can also do

lastChild.innerHTML="new text"

Answer 2

try this

.InnerText

Answer 3

var x = the object you got
var theOldText = x.innerText
x.innerText = "new text"

Answer 4

My suggestion would be to put the value that you want to change in it's own element that you can identify. Then you can use a simple line of jQuery:

<div><img src="img1.gif"><br><div id='myText'>My Text</div></div>

$('#myText').text('new text');

Answer 5

<div id="test"><img src="img1.gif"><br>My Text</div>

function getText( obj ) {
    return obj.textContent ? obj.textContent : obj.innerText;
}

function setText( obj, to ) {
    obj.textContent? obj.textContent = to : obj.innerText = to;
}

getText( document.getElementById('test') ) // 'My Text'
setText( document.getElementById('test').lastChild, 'bar' )

Note: innerText is for IE DOM, textContent is for the rest of the compliant DOM APIs such as Mozillas.