Obtaining data from form elements

[K Robert]

Howdy! Currently, I have the following script:

var nameClient = <%= jsp object %>
...
if (<%= !auditError %> :wink: 
  document.form.tfName.value = nameClient;
else
  document.form.tfName.value = "";

That script uses this input field:

<INPUT size="26" type="text" name="tfName" ...>

,
to insert the proper value.

The requirements have changed to insert the value into:

<TD class="StaticText"> value </td>

Is there a way to identify a unique table-data tag to replace the "tfName" in the script?

Thanks in advance.

[Eric Pascarello]

document.getElementById("elementId").innerHTML = "something";

Eric

[K Robert]

Eric,

Thanks!

[K Robert]

Is there a way to populate the td-tag utilizing something like: "form.tdID.value ="? Or something along those lines? Just curious as if the innerHTML is the only was to populate plain-text on the document.

[Eric Pascarello]

No, it does not have a value attribute.

Eric

[Christophe Verré]

Eric, I thought that innerHTML was kind of deprecated and that we should avoid using it. Could you comment on this ?

[Eric Pascarello]

Um innerHTML is not. It was not part of the standards, but every major browser has it. Most people that use Ajax rely on it since DOM methods are slow.

Eric

[K Robert]

If there is no value attribute, how can I grab the value of the td tag which is set using innerHTML? I need to grab all td tags that have an "id" attribute and the associated value to create string of name/value pairs. Here is what I have so far:

    
function testTD()
{
var tdTag;
var str = new String();
var lItem;
tdTag = document.getElementsByTagName("td");
 
for (var z=0; z<tdTag.length; z++) 
{
lItem = tdTag.item(z);
if (lItem.innerHTML != null)
{
return tdTag.length;
//str += lItem.id + "=" + lItem.value;
}
}
}

I can grab the length, but I can't seem to grab the id attribute or the value of the tag which is set via innerHTML.

[Eric Pascarello]

a call does not have a value so how can you grab it? You need to grab the innerHTML of the cell.

var tds = document.getElementsByTagName("td");
 
for var i = 0; i<tds.length; i++){
  alert(tds[i].id + "|" + tds[i].innerHTML);
}

Eric

[K Robert]

Thanks for the help. When I implement this, it is pulling all of the td tags if they have an id attribute or not. Is this to be expected? I tried "if (tds.id != ""){}", and variations thereof, to only print the td tags with id attributes, but that doesn't work.

[K Robert]

NVM. I think I got it... I had to dump the results into "lItem = tds.item(i);" before I could access them. Is that right?