在修改img属性的时候发现的一些问题

 今天在尝试使用js修改img属性的时候发现我们直接使用width并不能修改成功，但是我们修改style属性里面的width就能成功

            document.querySelector("img").onclick = function() {
                document.querySelector("img").style.display = "block"
                document.querySelector("img").width = "300"
                document.querySelector("img").height= "300"
            } 

　　起初我是以为是不能这样使用，后来发现别人都可以使用，研究一下发现这些属性都添加到了上去，但是这些属性并没有生效，生效的还是内联样式表中的样式，我还以为我记错了css的优先级，后来仔细思考才明白，其实我们在js中直接修改的是img的html属性width和height，这个属性的作用应该是没有css属性中的作用强的，所以我们在设置了html属性后并不能覆盖掉内联样式表中属性