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

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

javascript arrays

Javascript 尝试将数组对象的属性发送到innerHTML,javascript,arrays,innerhtml,Javascript,Arrays,Innerhtml,我想发送一些作为数组中对象的值存储的文本字符串 HTML: 如果我在插入选项功能中使用选项1.optionGovernment，则所有功能都正常工作如果我试图用optionArray[0]替换option1，那么不仅innerHTML不起作用，其他两个（我保留为option1）也无法显示这个阵列有什么问题（我宁愿不使用jQuery来完成这项任务，即使有一个优雅的解决方案——在接触jQuery之前，我正在尝试获得Javascript的可靠句柄（还没有！），而这只是一个个人项目）.社区的情况是

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

HTML:

如果我在

插入选项

功能中使用

选项1.optionGovernment

，则所有功能都正常工作

如果我试图用

optionArray[0]

替换

option1

，那么不仅

innerHTML

不起作用，其他两个（我保留为

option1

）也无法显示

这个阵列有什么问题

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

社区的情况是什么？如果你不想使用特定的库，你就不能问一个JavaScript问题而不觉得需要一个段落长度的理由？当你创建optionArray时，控制台中不应该有错误吗？选项2和选项3不存在。添加了

option2

和

option3

后，它就可以工作了。对不起，是我的错。我假设Muthu Kumaran的小提琴与上面的代码相同。。。应该看看他的眼睛closer@MichaelSmith，请将您的解决方案作为答案发布，以便将来的用户可以从您的知识中获益-您还可以为您的个人资料赢得声誉！

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

//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;
}