html运行时数据与html内容同步?

图片说明

var aTabHtml = document.getElementById("a").html();












如果我在count中输入
IE:aTabHtml中count的值与输入的值一样的。
火狐和谷歌浏览器中count的值还是1.
我希望count的值与显示的值一样

获取容器innerHTML标准浏览器下value属性是不会变为输入后的值的,需要调用setAttribute更新才行

参考:js获取容器innerHTML得到输入控件值

DEMO


    <table id="a">
        <tr>
            <td>
                <input name="count" id="count" value="1" />
            </td>
        </tr>
    </table>
    <input type="button" onclick="alert(document.getElementById('a').innerHTML)" value="ClickMe" />
    <script type="text/javascript">
        document.getElementById('count').onblur = function () { this.setAttribute('value', this.value) }
    </script>

浏览器兼容问题,,,,搜索一下解决

可以学习angular JS,很简单的很实用处理,