debug javascript element

debug_javascript_element.js

function debugg_multiple(elements, attrs) {
  if (attrs == undefined) 
    attrs = [];
  string = "";
  for (var i = elements.length - 1; i >= 0; i--){
    string = string + debugg(elements[i], attrs) + "<br>";
  };
  return string;
}

function debugg(element, attrs) {
  if (attrs == undefined) 
    attrs = [];
  string = "";
  for (var i = attrs.length - 1; i >= 0; i--){
    string = string + attrs[i]+": "+$(element).attr(attrs[i])+", ";
  };
  return element+": { "+string+" }";
}

// notes:
// it requires jquery for the selector '$(element)' and the .attr("property") things, but this dependency can be easily removed

// usage:
//
// // #konsole is a visible element in your html page to host the debug output
// $("#konsole").html(
//  debugg_multiple(["img#foo", "img#bar"], ["src", "title"])
// );

// output:
//
// img#foo: { src: "foo.jpg", title: "What's a foo?" }
// img#bar: { src: "bar.jpg", title: "A bar is a bar!" }