初学者 javascript 数组答案

【问题标题】：Beginner javascript arrays初学者 javascript 数组
【发布时间】：2015-03-14 06:26:01
【问题描述】：

我是 JavaScript 新手，我正在尝试做一些非常简单的事情。当我单击按钮时，我希望在 firstDiv 的 innerHTML 中出现 array[1] 文本。

我已按照所有说明进行操作，但仍然无法正常工作。

<!doctype html>
<html>
<head>
    <title>Learning Javascript</title>

    <meta charset="utf-8" />
    <meta htttp-equiv="content-type" contents="text/html; charset-utf8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />  

</head>

<body>

    <button id="stylesChanger">Change the text !</button>

    <div id="firstDiv">This sis some text</div>

    <script type="text/javascript">

        var myArray=new Array[];

        myArray[0]="pizza";
        myArray[1]="chocolate";

        document.getElementById("stylesChanger").onclick=function(){

            document.getElementById("firstDiv").innerHTML=myArray[1];
        }               

        </script

</body>
</html>

【问题讨论】：

你应该试试var myArray= new Array();
或 var myArray = [];
谢谢大家。非常快速的响应，所有正确:)
其实你可以看到 w3school 说的 myArray=[] 是更好的做法。

标签： javascript html arrays button

【解决方案1】：

将您的 var myArray=new Array[]; 更改为 var myArray=[];

然后就可以了

    var myArray=[];

    myArray[0]="pizza";
    myArray[1]="chocolate";

    document.getElementById("stylesChanger").onclick=function(){

        document.getElementById("firstDiv").innerHTML=myArray[1];
    }

<button id="stylesChanger">Change the text !</button>

<div id="firstDiv">This sis some text</div>

【讨论】：

【解决方案2】：

此代码将确保您在单击按钮时获得 myArray 的第一个元素。并将 div 文本设置为 myArray 的第一个元素。

工作样本：JSFIDDLE

var myArray = new Array();
myArray[0] = 'pizza';
myArray[1] = 'chocolate';

var btn = document.getElementById('stylesChanger');
btn.addEventListener('click', getArrayFirstElement, false);

function getArrayFirstElement(){
 document.getElementById("firstDiv").innerHTML = myArray[0];
}

【讨论】：