<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>xxxxx</title>
<script type="text/javascript">
function testResult(){
var testVariable = xxxx // 这是个数组对象
}
window.onload = testResult;
</script>
</head>
<body>
// 这里是一个循环p 是根据testVariable的数组个数 中间显示的内容，还有图片之类的全在testVariable对象中，如何直接能够用testVariable
<p id="testList" style="width:100%; height:100px; background-color:#CCCCCC">
</p>
</body>
</html>
就是在script加载完后如何能够直接在body中用testVariable这个变量，求解答，谢谢
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
There are two main points:
script is placed at the end of the body to access the loaded elements above
Local variables can only be accessed in this scope, so just process the looped elements in the testResult() method, and append to the outer container.
The idea to solve this problem is: 1. First wait for the DOM to be loaded, 2. Then execute a function, which needs to traverse the elements in the array, 3. Finally add it to the DOM