2

I'd like to add to my <td> element JS event listener that will be triggered when the page is rendered (or loaded) to the DOM and the TD contains its innerHTML value. something like:

<script>
function manipulate(field){
field.value = field.value+'_done';
}
</script>
<td onRender=manipulate(this)>Hello World</td>

I can't use onLoad because it can be used in <body> only to my understanding Is there any way to do it?

Spiderman
  • 9,602
  • 13
  • 48
  • 56

2 Answers2

1

You can still use the body's onload, it will fire when the complete page is ready and loaded. You can set an attribute for every TD element you'd like to manipulate, and then traverse the page to find those elements and call your function.

Why do you want to manipulate something after the DOM is loaded?

TJHeuvel
  • 12,403
  • 4
  • 37
  • 46
  • how can I find all elements in the page that contains a certain attribute in pure javascript (without JQuery for example)? – Spiderman Apr 12 '11 at 10:10
  • You can use document.getElementsByTagName to get all TD elements, and then compare the className for example – TJHeuvel Apr 12 '11 at 10:39
  • adding attribute to the element and searching for these elements in some init method is an accepted solution. Thanks – Spiderman Apr 12 '11 at 10:40
  • @Spiderman Depends which browsers you need to support. e.g. http://caniuse.com/queryselector allows you to easily look up elements with CSS selectors – Jonny Buchanan Apr 12 '11 at 10:42
0

You don't have to attach the onLoad event to the body. You can use the global event handler like this:

function init() {
 //Your function call
}
window.onload = init;
das_weezul
  • 6,082
  • 2
  • 28
  • 33