在angular2以上的版本的学习当中,你也许会遇到这样的问题。例如代码:
要获取到input里的value值,在oninput方法中你可以通过这两种方法获取:
oninput(event){ var val = event.target.getattribute('value'); console.log(val); }
它的输出结果是
123456
当我们在输入框输入任何字符的时候,这个输出都不会改变。这是因为html属性是固定不会变的,只要你不用代码去更改它,它就永远是html初始化时候的初始值,也就是我们在input里面初始化的 value=“123456”;
oninput(event){ var val = event.target.value; console.log(val); }
此时在输入框输入的字符串将会被console.log(val);的代码句打印出来,这是因为dom属性是动态的,它的值随着用户的输入的改变而改变。
以上就是我所理解的dom属性和html属性的区别~
如对本文有疑问, 点击进行留言回复!!
CSS 容器背景 10 种颜色渐变Demo(linear-gradient())
详解CSS文件中的4种引入方式:行内,内联式,外部式,导入式
网友评论