input的value问题

问题：只在页面上改变input框中的值并不会使得HTML中的value进行改变

<input id="tel" type="text" value="hi" name="tel">
<script>
        var inputE = document.getElementById('tel');
        inputE.value = '1123445';
    </script>

解决

inputE.setAttribute("value", 123456);

我们姑且将控制台审查元素所看到的那个，称为“标签属性”，将DOM元素的成员，称为“DOM属性”。
实际上，同名的标签属性和DOM属性是相关，但不衡等的。

应用

        let telElement = document.getElementById('tel');
        telElement.onblur=function(e){
            console.log(telElement);
            console.log(e);
            telElement.setAttribute('value',e.target.value)
        }

我们来看看能不能拿到新的值

image.png

娃哈哈啊！！！

jQuery tip:
on() 方法在被选元素及子元素上添加一个或多个事件处理程序。
自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利，我们推荐使用该方法，它简化了 jQuery 代码库。