問題：只在頁面上改變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屬性是相關(guān)，但不衡等的。

應(yīng)用

        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 代碼庫。