Javascript 如何设置阵列的映像？_Javascript_Arrays

Javascript 如何设置阵列的映像？

javascript arrays

Javascript 如何设置阵列的映像？,javascript,arrays,Javascript,Arrays,HTML 如何设置“M4A1-S金色线圈”的图像并在中显示图像 div class=“upper”类似的内容 HTML: 这将加载武器、价格和图像。上部：步骤：为图像URL添加另一个数组等待使用“window.onload”加载页面`` 更改upper的innerHTML并使用数组上的值 /*您的代码*/ var武器=[ “M4A1-S金色线圈”， “USP-S杀伤确认”， “暗影匕首” ]; var价格=[“39.16”、“23.38”、“135.92”]； /*新代码*/ //定

HTML

如何设置“M4A1-S金色线圈”的图像并在中显示图像
div class=“upper”

类似的内容

HTML:

这将加载武器、价格和图像。上部：

步骤：

为图像URL添加另一个数组

等待使用“window.onload”加载页面``

更改upper的innerHTML并使用数组上的值

/*您的代码*/
var武器=[
“M4A1-S金色线圈”，
“USP-S杀伤确认”，
“暗影匕首”
];
var价格=[“39.16”、“23.38”、“135.92”]；
/*新代码*/
//定义
var image=[”http://vignette3.wikia.nocookie.net/cswikia/images/d/d8/Csgo-m4a1s-golden-coil-workshop.jpg/revision/latest?cb=20150918211415", "http://vignette3.wikia.nocookie.net/cswikia/images/9/96/Csgo-usps-kill-confirmed-announcement.jpg/revision/latest?cb=20150918131537", "http://thingiverse-production-new.s3.amazonaws.com/renders/fb/39/21/a6/35/Immagine2_preview_featured.jpg"];
window.onload=函数（）{
document.querySelector（'.upper'）.innerHTML=''+武器[0]+'

'+价格[0]；
}

img{border:0；}

无法在script.js:17处读取null的属性'appendChild'，请与您拥有的内容进行比较（无错误）。您基本上是在尝试将

null

添加为元素。请确保传递给

appendChild

的内容实际上是一个元素。

<head>
    <title>Testing game</title>
    <link rel="stylesheet" href="main.css">
    <script type="text/javascript" src="script.js"></script>
</head>
<body>     
    <div class="page">

<div class="upper"></div>

<div class="middle"></div>

<div class="lower"></div>
    </div>
</body>

var weapon = [
"M4A1-S Golden Coil",
"USP-S Kill Confirmed",
"Shadow Daggers"];var price =  "39.16",  "23.38","135.92"  ];

<div class="page">
  <div class="upper"></div>

  <div class="middle"></div>

  <div class="lower"></div>
</div>

var weapon = [
  {
    caption: "M4A1-S Golden Coil",
    src: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpou-6kejhz2v_Nfz5H_uOxh7-Gw_alIITCmGpa7cd4nuz-8oP5jGu5rhc1JjSceNfXJVMgaVmB_QO-wLi5h5HovZ_Kn3A27HR24HrcnRC3g0lJbOFthPKcHwjIUrsJQvfN77TKZw/360fx360f"
  },
  "USP-S Kill Confirmed",
  "Shadow Daggers"
];

var price =  ["39.16", "23.38", "135.92"];

var upper = document.querySelector('.upper')

var img = document.createElement('img');
img.setAttribute('src', weapon[0].src);

var img = upper.appendChild(img);