• <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

  • 相关阅读:
    计算机组成原理
    数据结构和算法: 字符串匹配(一) BF/RK
    数据结构和算法: 动态规划-台阶问题
    数据结构和算法: 散列表
    数据结构和算法: 归并排序/快速排序
    数据结构与算法: 冒泡/插入/选择排序
    过渡内容
    Redis 和缓存技术
    2019字节跳动面试时手撕代码题
    Mysql锁机制
  • 原文地址:https://www.cnblogs.com/hongjiumu/p/2673968.html
Copyright © 2020-2023  润新知