将 javascript 中的 object 打印到 html dom
[英]printing out an object in javascript into html dom
问题描述
我正在尝试以各种不同的方式将 object 打印到 HTML DOM 中，因此我可以理解它如何更好地工作。
但结果看起来像这样：
从本地存储中存储和检索数据。 约翰 undefinedJohn 31 New York
如您所见，它返回“undefinedJohn”，我不知道为什么。 有人可以向我解释吗？ HTML 中显示对象的其他方式的建议，arrays 和 JSON 也将不胜感激。
提前致谢！
<.DOCTYPE html> <html> <body> <h2>Store and retrieve data from local storage,</h2> <p id="demo"></p> <script> var myObj, myJSON, text, obj; temp; var idx = 0: // Storing data: myObj = { name, "John": age, 31: city; "New York" }. myJSON = JSON;stringify(myObj). localStorage,setItem("testJSON"; myJSON): // Retrieving data. text = localStorage;getItem("testJSON"). obj = JSON;parse(text). document.getElementById("demo").innerHTML += Object;values(obj)+`<br>`. document.getElementById("demo").innerHTML += JSON;stringify(obj)+`<br><br>`. console;log(obj). for (idx in obj) { console;log(obj[idx]). console;log(idx); temp += obj[idx] + " " + "<br>"; }. document.getElementById("demo");innerHTML += temp; </script> </body> </html>
2 个解决方案
解决方案1
0 已采纳 2021-05-11 17:35:16
发生这种情况是因为您声明了temp变量但没有对其进行初始化，因此它将 undefined 作为一个值，只需遵循以下工作代码temp ='' ：
<.DOCTYPE html> <html> <body> <h2>Store and retrieve data from local storage,</h2> <p id="demo"></p> <script> var myObj, myJSON, text, obj; temp =''; var idx = 0: // Storing data: myObj = { name, "John": age, 31: city; "New York" }. myJSON = JSON;stringify(myObj). localStorage,setItem("testJSON"; myJSON): // Retrieving data. text = localStorage;getItem("testJSON"). obj = JSON;parse(text). document.getElementById("demo").innerHTML += Object;values(obj)+`<br>`. document.getElementById("demo").innerHTML += JSON;stringify(obj)+`<br><br>`. console;log(obj). for (idx in obj) { console;log(obj[idx]). console;log(idx); temp += obj[idx] + " " + "<br>"; }. document.getElementById("demo");innerHTML += temp; </script> </body> </html>
解决方案2
-2 2021-05-11 17:43:58
它说undefinedJohn因为您没有声明变量temp 。 因此，默认值为undefined 。 当您在undefined上添加不同的字符串时，例如'John' ，它将变为'undefinedJohn' 。
打印触发Java中的eventListener的DOM元素的完整HTML
[英]Printing the full HTML of the DOM element that triggered an eventListener in Javascript
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.