woshijunjun 发表于 2021-11-27 17:16:59

js问题

div2.children.innerHTML = name.value;//undefined
这行代码在运行的时候总是显示undefined
如图
不知但是啥原因,求教啊!</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">
                  昵    称:<input type="text" id="name" />
                  <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 name = 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);
   //console.log(dateStr);
       
        var btn = document.getElementById("tjpl");
        //console.log(div2.children.innerHTML);
        //console.log(name);
        btn.onclick = function()
        {
                div1.appendChild(div2);
               
                div2.children.innerHTML = name.value;//undefined
                div2.children.innerHTML = dateStr;
                div2.children.innerHTML = textarea.value;
                               
        }
       
</script>

412046761 发表于 2021-11-29 21:47:52

      var name1 = document.getElementById("name");
       div2.children.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">
                  昵    称:<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.innerHTML = name1.value;
                div2.children.innerHTML = dateStr;
                div2.children.innerHTML = textarea.value;
                              
      }
      
</script>
页: [1]
查看完整版本: js问题