Question

我真的没有什么可以开始的 - 我是一个BEGINNER并且正在努力学习基本的JavaScript概念。任何指导？我希望在Div

中的表格或列表中显示信息

这是我非常粗略的开始：
我想我想使用嵌套数组来创建一个具有属性的对象。然后我创建一个函数，在其中我认为我需要使用appendChild在div中创建表....不知何故，我需要在div中显示内容...我很丢失。

<script>
var personalInfo = [
    [Dog],
    [4456],
    [3 - 4456]
];

function object() {
    var node = document.createElement("LI");
    var textnode = document.createTextNode("personalInfo");
    node.appendChild(textnode);
    document.getElementById("theList").appendChild(node);
}
</script>

<div id="theDiv">
<ul id="theList"></ul></div>
</body>
</html>

Answer 1

使用对象映射比使用数组更好。这样你就可以给每个字段一个有意义的名字。

var personalInfo = {
    name: "Dave",
    ext: 3086, 
    desk: "5-5715"
};

您还可以使用以下方法遍历属性：

for (var key in personalInfo) {
    var val = personalInfo[key];
    // add to document
}

Here's an example.

Answer 2

您可以使用persnalInfo的for循环

执行此操作

<script>
    var personalInfo = ["Dave", "3086", "5-5715" ]; 
    function object() { 
     for(var i=0;i<personalInfo.length;i++){
         var node=document.createElement("li"); 

         node.innerHTML=personalInfo[i]; 
         document.getElementById("theList").appendChild(node); 
     }
    }</script> 
    <div id="theDiv"> 
      <ul id="theList"> 
      </ul>
    </div> 
  </body> 
</html>

Answer 3

您需要将脚本移动到不同的文件或文档的末尾，否则会尝试查找

document.getElementById("theList")

创建之前的事件

按照McGarnagle的指定创建对象，然后你需要在文件就绪上调用对象或者只需要包含在脚本中

function object() { .... }

object()

创建一个对象，然后使用一个函数来显示该对象的内容

3 个答案: