Problem with text replace script

[johnny41]

I can't get the script to work that will replace old text with new text in specified th:

html content:

<table align="center" cellspacing="1" class="homepagemodule report" id="trade_bait">
	<caption>
		<span>Trade Bait</span>
	</caption>
	<tbody>
	<tr>
		<th class="franchisename">Franchise</th>
		<th class="willgiveup">Will Give Up</th>
		<th class="inexchangefor">In Exchange For</th>
		<th>Trade?</th>
	</tr>

I would like to replace "Will Give Up" in second th with "Offered" and here's script I did that didn't worked:

function replaceText () {
	var offeredparent = document.getElementById('trade_bait').getElementsByTagName("tbody")[0].getElementsByTagName('tr').getElementsByTagName('th')[1];
	var str = offeredparent.textNode.nodeValue;
	tr = str.replace('Will Give Up','Offered');
	offeredparent.textNode.nodeValue = str;
}

Could use help to correct this or suggest different script that would work better.

appreciate the help!

johnny

[artemis]

you need to replace this:

tr = str.replace('Will Give Up','Offered'); 

with:

tr = str.replace(/Will Give Up/g,'Offered'); 

The 'g' means its global and doesnt just replace the first instance

[Ultimater]

getElementsByTagName('tr') needs a [0]... I'd personally write this as:

document.getElementById('trade_bait').rows[0].cells[1].firstChild.data="Offered"