Question

我想发送一些文本字符串，这些字符串存储为数组中对象的值。

HTML：

<body onload="insertOption()";>
<p id='governmentOption'></p>
<p id='ngoOption'></p><br>
<p id='societyOption'></p>

使用Javascript：

//an object with the strings I want to grab
var option1 = {
    optionGovernment: "text1",
    optionNGO: "text2",
    optionSociety: "text3"
}


//array of objects, each of which has three strings in them
var optionArray = [option1, option2, option3];


//the function that puts the object's strings into the HTML
function insertOption (){       
    document.getElementById('governmentOption').innerHTML = optionArray[0].optionGovernment;
    document.getElementById('ngoOption').innerHTML = option1.optionNGO;
    document.getElementById('societyOption').innerHTML = option1.optionSociety;
}

如果我在option1.optionGovernment功能中使用insertOption，那么一切正常。

如果我尝试用option1替换optionArray[0]，那么innerHTML不仅不起作用，而另外两个（我作为option1离开）也无法显示

这个数组我做错了什么？

（我宁愿不使用jQuery来完成这项任务，即使有一个优雅的解决方案 - 我试图在触摸jQuery之前获得Javascript（还没有！）的实际处理，这只是一个个人项目）。

尝试将数组对象的属性发送到innerHTML

0 个答案: