zoukankan      html  css  js  c++  java
  • <input type="text"> 的document.getElementById("").value和document.getElementById("").getAttribute("value")不相同

     <!--产品属性处理部分开始-->
                   <table id="productAttributeBlock" class="tabEditList" style="100%;">
                        <thead>
                            <tr>
                                <th>
                                    属性类型
                                </th>
                                <th>
                                    属性名称
                                </th>
                                <th>
                                    属性编码
                                </th>
                                <th>
                                    是否附加属性
                                </th>
                                <th>
                                    操作
                                </th>
                            </tr>
                        </thead>
                   </table>
                   <script type="text/javascript">
    
                       var Init = function () {
                           var oTBody = document.createElement('TBODY');
                           document.getElementById('productAttributeBlock').appendChild(oTBody);
                       };
    
                       var AddRow = function (isAdd) {
                           var rowIndex = document.getElementById('productAttributeBlock').tBodies[0].rows.length;
                           var oRow = document.createElement('TR');
                           oRow.setAttribute("id", "row" + rowIndex);
                           var oUnit = document.createElement('TD');
                           oUnit.innerHTML = '<input type="text" id="type' + rowIndex + '" name="attributeType"/>';
                           oRow.appendChild(oUnit);
                           oUnit = document.createElement('TD');
                           oUnit.innerHTML = '<input type="text" id="name' + rowIndex + '" name="attributeName"/>';
                           oRow.appendChild(oUnit);
                           oUnit = document.createElement('TD');
                           oUnit.innerHTML = '<input type="text" id="code' + rowIndex + '" name="attributeCode"/>';
                           oRow.appendChild(oUnit);
                           oUnit = document.createElement('TD');
                           oUnit.innerHTML = '<input type="text" id="additional' + rowIndex + '" name="isAdditional"/>';
                           oRow.appendChild(oUnit);
                           oUnit = document.createElement('TD');
                           oUnit.innerHTML = '<input type="button" value="添加" id="add' + rowIndex + '" onclick="addFunc()"/>';
                           oRow.appendChild(oUnit);
                           return oRow;
                       };
    
                       var addFunc = function () {
                           //alert(document.getElementById("type0").value);
                           alert(document.getElementById("type0").getAttribute("value"));
                       };
    
                       Init();
                       //AddRow();
                       if (document.getElementById('productAttributeBlock').tBodies[0].rows.length===0)
                       {
                        document.getElementById('productAttributeBlock').tBodies[0].appendChild(AddRow());
                       }
                       
                   </script>
                   <!--产品属性处理结束-->

    <input type="text"> 的document.getElementById("").value和document.getElementById("").getAttribute("value")不相同:

    document.getElementById("").value得到输入值

    document.getElementById("").getAttribute("value")得到null

  • 相关阅读:
    tomcat调试模式出问题的解决方法
    文本输入 的 onfucus 和 onblur
    how to choose one of compenent and control
    C# Captcha 测试 firefox 和 IE
    谈谈对GridView控件DataKeyName属性的一点认识
    Response.Redirect和Server.Transfer的区别
    select 基本常用语法
    top、postop、scrolltop、scrollHeight、offsetHeight
    onchange 和 onpropertychange区别
    try catch 和if else 语句区别细说
  • 原文地址:https://www.cnblogs.com/hongjiumu/p/2673968.html
Copyright © 2011-2022 走看看