初学者 JavaScript 数组

Beginner javascript arrays

本文关键字：数组 JavaScript 初学者      更新时间：2023-09-26

我是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=[];

然后它会工作

    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>

这段代码将确保你在点击按钮时获得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];
}
相关文章：