问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

js获取数组中的值显示[object HTMLInputElement]？

头像
daidai
    14015

    我想获取出数组中的值然后显示出来，但是获取出的值显示为[object HTMLInputElement]，

    function show(dataList) {
    var uls = document.getElementById('showUl');
    var text = '';
    for (var i = 0; i < dataList.length; i++) {
        text += '<li>' + dataList[i] + '</li>';
    }
    uls.innerHTML = text;
}

    显示信息为[object HTMLInputElement]

    javascript
    阅读 8.5k
    3 个回答
    得票最新
    头像
    嘿老伙计
      15617
      ✓ 已被采纳

      你传进来的是一个dom对象组成的数组，显然，直接用文字拼接的方式对js对象来说不是这么友好

      ...
text += '<li>' + dataList[i] + '</li>'; // 这里实际操作是dataList[i].toString();
...

      你在控制台输出一下就明白了
      正确做法： 既然你已经拿到了dom对象，而且js也支持操作dom

      function show(dataList) {
    var uls = document.getElementById('showUl'),
        li;
    for (var i = 0; i < dataList.length; i++) {
        // 相当于你创建了一个li，注意这里创建必须放进for循环中，保证每次生成一个新的元素
        li = document.createElement('li');
        // 接下来想li中添加你需要的内容，如果是字符串的话会默认添加一个文本节点的
        li.appendChild(dataList[i]);
        // 接下来把组合好的部件放入uls中
        uls.appendChild(li);
    }
}
      头像
      陈安柱
        4k2319

        把dataList中的值贴一下。我猜测要用dataList[i].value

        头像
        Myth52125
          1124

          测试过了，这个代码没问题

          <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul id="showUl"></ul>

<script>
    dataList=[1,2,3,4]

    function show(dataList) {
        var uls = document.getElementById('showUl');
        var text = '';
        for (var i = 0; i < dataList.length; i++) {
            text += '<li>' + dataList[i] + '</li>';
        }
        uls.innerHTML = text;
    }
    show(dataList)
</script>
</body>
</html>
          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题