... </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中既可