Reply to thread

Message

<blockquote data-quote="Heaplink" data-source="post: 274514" data-attributes="member: 8966">Don't use document.write - it's bad, slow and really stupid. If you wan't to do DOM manipulation the easiest thing to do is using jQuery.Now for your problem: You cannot write out JavaScript objects, arrays and like to the DOM. The DOM doesn't understand that kind of stuff. If you wan't to see what is in the object use console.log (or console.dir) and look in the Developer Tools of your browser to see output.If you wan't to output to the DOM (page) you have to iterate the list of items, that being an array. So for instance you wan't your list of items to look something like this:[CODE][{&nbsp; &nbsp; &quot;text&quot;: &quot;My new reminder&quot;,&nbsp; &nbsp; &quot;date&quot;: &quot;&lt;maybe some date here as string&gt;&quot;}][/CODE]This is an array with an object. You can add multiple objects to this array and iterate with either for-loop or forEach function:[CODE]myArray.forEach(function(reminder) {&nbsp; &nbsp; // output e.g. reminder.text and reminder.date&nbsp; &nbsp; // or do DOM manipulation.});[/CODE]or a simple faster for loop that is browser compatible:[CODE]for(var i = 0, l = myArray.length; i &lt; l; ++i) {var reminder = myArray[i];// DOM Manipulation}[/CODE]</blockquote>

[QUOTE="Heaplink, post: 274514, member: 8966"] Don't use document.write - it's bad, slow and really stupid. If you wan't to do DOM manipulation the easiest thing to do is using jQuery. Now for your problem: You cannot write out JavaScript objects, arrays and like to the DOM. The DOM doesn't understand that kind of stuff. If you wan't to see what is in the object use console.log (or console.dir) and look in the Developer Tools of your browser to see output. If you wan't to output to the DOM (page) you have to iterate the list of items, that being an array. So for instance you wan't your list of items to look something like this: [CODE][ { "text": "My new reminder", "date": "<maybe some date here as string>" } ][/CODE] This is an array with an object. You can add multiple objects to this array and iterate with either for-loop or forEach function: [CODE]myArray.forEach(function(reminder) { // output e.g. reminder.text and reminder.date // or do DOM manipulation. });[/CODE] or a simple faster for loop that is browser compatible: [CODE]for(var i = 0, l = myArray.length; i < l; ++i) { var reminder = myArray[i]; // DOM Manipulation }[/CODE] [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members