... </head> <body> // 这里是一个循环p 是根据testVariable的数组个数 中间显示的内容，还有图片之类的全在testVariable对象中，如何直接能够用testVariable <p id="testList" style="width:100%; height:100px; background-color:#CCCCCC"> </p> <script type="text/javascript"> function testResult(){ var testVariable = xxxx //局部变量只能在作用域中访问 //循环testVariable forEach(...) //最后append到#testList中 } window.onload = testResult; </script> </body> </html>
主要有两点:
script放在body尾部, 才能访问到上面已加载的元素
局部变量只能在该作用域访问, 所以就在testResult()这个方法内去处理循环出的元素, 在append到外层容器即可.
解决这个问题的思路，1.首先要等DOM加载完成，2.然后执行一个函数，函数里面要遍历数组中的元素，3最后添加到DOM中既可
主要有两点:
script放在body尾部, 才能访问到上面已加载的元素
局部变量只能在该作用域访问, 所以就在testResult()这个方法内去处理循环出的元素, 在append到外层容器即可.
解决这个问题的思路，1.首先要等DOM加载完成，2.然后执行一个函数，函数里面要遍历数组中的元素，3最后添加到DOM中既可