2

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

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函数中使用，那么一切正常。

如果我尝试替换option1thenoptionArray[0]不仅不起作用innerHTML，另外两个（我保留为option1）也无法显示。

我对这个数组做错了什么？

（我宁愿不使用 jQuery 来完成这项任务，即使有一个优雅的解决方案——我正在尝试在接触 jQuery 之前掌握 Javascript（还没有！），这只是一个个人项目） .

4

0 回答 0