advanced code snippet search

Posted By

noah on 07/10/07


Tagged

hack DOM oo


Versions (?)

set a nested DOM property with square bracket notation

 / Published in: JavaScript
 

URL: http://onemorebug.com/meme.washer/code_examples/set_a_nested_DOM_property_with_square_bracket_notation.html

This was fun to write. I wonder if nested DOM properties can be set with any of JavaScript's built-in methods?

Expand | Embed | Plain Text 
  1. //set a nested DOM property with square bracket notation
  2.  
  3. function setNestedProperty(obj, propertyName, propertyValue){ 
  4.   var thePointer = obj;
  5.   for (var i=0; i<propertyName.length; i++){
  6.     alert('Setting the pointer to: ' + thePointer);
  7.     //with each iteration we get closer to the property we want to set, until:
  8.     if (i == (propertyName.length - 1)){
  9.       alert('Accessing the method the pointer points to\n and changing the value of the property named "' + propertyName[i] + '," to: "' + propertyValue +'"');
  10.       thePointer[propertyName[i]] = propertyValue;
  11.       return;
  12.     }
  13.     thePointer = thePointer[propertyName[i]];
  14.   }
  15. }
  16.  
  17. setNestedProperty(document, ['body','style','backgroundColor'], 'black');

Report this snippet  

You need to login to post a comment.