设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 技术交流 › Java语言交流 › js问题
返回列表 发新帖
查看: 1529|回复: 1

[已解决]js问题

[复制链接]
woshijunjun
发表于 2021-11-27 17:16:59 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
div2.children[0].innerHTML = name.value;//undefined
这行代码在运行的时候总是显示undefined
如图
不知但是啥原因，求教啊！
  1. </style>
  2. </head>

  4. <body>
  5. <div id="outside">
  6.            <h3>最新评论</h3>
  7.            <div id="comment">
  8.                     <div id="comment1" class="comment1">
  9.                              网友昵称：
  10.                              <span>李某某</span>
  11.                              <time>2021/11/22 上午11:46:34</time>
  12.                              <p>大家好啊！</p>                                    
  13.                     </div>
  14.            </div>
  15.            <h4>发表评论</h4>
  16.            <div id="addComment">
  17.                     昵&#160;&#160;&#160;&#160;称：<input type="text" id="name" />
  18.                     <br /><br />
  19.                     评论内容:<textarea id="comContent"></textarea>
  20.                     <button id='tjpl'>提交评论</button>
  21.            </div>
  22. </div>
  23. <script>
  24.         var div1 = document.getElementById("comment");
  25.         var div2 = document.getElementById("comment1").cloneNode(true);
  26.        
  27.         var textarea = document.getElementById("comContent");
  28.         var name = document.getElementById("name");
  29.        
  30.         function formatDate(date){
  31.     if(!date instanceof Date){
  32.         return;
  33.     }
  34.     var year = date.getFullYear();
  35.     var month = date.getMonth() + 1;
  36.     var day = date.getDate();
  37.     var hour = date.getHours();
  38.     var minute = date.getMinutes();
  39.     var second = date.getMinutes();
  40.     month = month < 10 ? '0' + month : month;
  41.     day = day < 10 ? '0' + day : day;
  42.     hour = hour < 10 ? '0' + hour : hour;
  43.     minute = minute < 10 ? '0' + minute : minute;
  44.    second = second < 10 ? '0' + second : second;
  45.     return year + '/' + month + '/' + day + ' ' + hour + ':' + minute + ':' + second;
  46. }
  47.          var d = new Date();
  48.      var dateStr = formatDate(d);
  49.      //console.log(dateStr);
  50.        
  51.         var btn = document.getElementById("tjpl");
  52.         //console.log(div2.children[0].innerHTML);
  53.         //console.log(name);
  54.         btn.onclick = function()
  55.         {
  56.                 div1.appendChild(div2);
  57.                
  58.                 div2.children[0].innerHTML = name.value;//undefined
  59.                 div2.children[1].innerHTML = dateStr;
  60.                 div2.children[2].innerHTML = textarea.value;
  61.                                
  62.         }
  63.        
  64. </script>
复制代码
最佳答案
月排行榜 / 总排行榜
412046761
2021-11-29 21:47:52
        var name1 = document.getElementById("name");
       div2.children[0].innerHTML = name1.value;
这两处改name 为name1 问题解决 造成的原因可能是name混淆 他不知道是哪个name的Value



</style>
</head>

<body>
<div id="outside">
           <h3>最新评论</h3>
           <div id="comment">
                    <div id="comment1" class="comment1">
                             网友昵称：
                             <span>李某某</span>
                             <time>2021/11/22 上午11:46:34</time>
                             <p>大家好啊！</p>                                    
                    </div>
           </div>
           <h4>发表评论</h4>
           <div id="addComment">
                    昵&#160;&#160;&#160;&#160;称：<input id="name" type="text"  />
                    <br /><br />
                    评论内容:<textarea id="comContent"></textarea>
                    <button id='tjpl'>提交评论</button>
           </div>
</div>
<script>
        var div1 = document.getElementById("comment");
        var div2 = document.getElementById("comment1").cloneNode(true);
        
        var textarea = document.getElementById("comContent");
        var name1 = document.getElementById("name");
        
        function formatDate(date){
    if(!date instanceof Date){
        return;
    }
    var year = date.getFullYear();
    var month = date.getMonth() + 1;
    var day = date.getDate();
    var hour = date.getHours();
    var minute = date.getMinutes();
    var second = date.getMinutes();
    month = month < 10 ? '0' + month : month;
    day = day < 10 ? '0' + day : day;
    hour = hour < 10 ? '0' + hour : hour;
    minute = minute < 10 ? '0' + minute : minute;
   second = second < 10 ? '0' + second : second;
    return year + '/' + month + '/' + day + ' ' + hour + ':' + minute + ':' + second;
}
         var d = new Date();
     var dateStr = formatDate(d);

        
        var btn = document.getElementById("tjpl");
      
        btn.onclick = function()
        {
                div1.appendChild(div2);
               
                div2.children[0].innerHTML = name1.value;
                div2.children[1].innerHTML = dateStr;
                div2.children[2].innerHTML = textarea.value;
                                
        }
        
</script>
屏幕截图 2021-11-27 171534.png
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

412046761
发表于 2021-11-29 21:47:52 | 显示全部楼层    本楼为最佳答案   
        var name1 = document.getElementById("name");
       div2.children[0].innerHTML = name1.value;
这两处改name 为name1 问题解决 造成的原因可能是name混淆 他不知道是哪个name的Value



</style>
</head>

<body>
<div id="outside">
           <h3>最新评论</h3>
           <div id="comment">
                    <div id="comment1" class="comment1">
                             网友昵称：
                             <span>李某某</span>
                             <time>2021/11/22 上午11:46:34</time>
                             <p>大家好啊！</p>                                    
                    </div>
           </div>
           <h4>发表评论</h4>
           <div id="addComment">
                    昵&#160;&#160;&#160;&#160;称：<input id="name" type="text"  />
                    <br /><br />
                    评论内容:<textarea id="comContent"></textarea>
                    <button id='tjpl'>提交评论</button>
           </div>
</div>
<script>
        var div1 = document.getElementById("comment");
        var div2 = document.getElementById("comment1").cloneNode(true);
        
        var textarea = document.getElementById("comContent");
        var name1 = document.getElementById("name");
        
        function formatDate(date){
    if(!date instanceof Date){
        return;
    }
    var year = date.getFullYear();
    var month = date.getMonth() + 1;
    var day = date.getDate();
    var hour = date.getHours();
    var minute = date.getMinutes();
    var second = date.getMinutes();
    month = month < 10 ? '0' + month : month;
    day = day < 10 ? '0' + day : day;
    hour = hour < 10 ? '0' + hour : hour;
    minute = minute < 10 ? '0' + minute : minute;
   second = second < 10 ? '0' + second : second;
    return year + '/' + month + '/' + day + ' ' + hour + ':' + minute + ':' + second;
}
         var d = new Date();
     var dateStr = formatDate(d);

        
        var btn = document.getElementById("tjpl");
      
        btn.onclick = function()
        {
                div1.appendChild(div2);
               
                div2.children[0].innerHTML = name1.value;
                div2.children[1].innerHTML = dateStr;
                div2.children[2].innerHTML = textarea.value;
                                
        }
        
</script>
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-20 16:17

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表