DOM文档对象模型

通过id获取DOM对象

Document,getElementById(‘dom1’)

方便点的可以document,querySelector(‘dom1’)

通过class属性获取

Document,getElementsByClassName(‘dom1’)[0]

方便的可以document,querySelector(‘.dom1’)记得class需要加. 点

以上方便的写法是只能获取到写的第一个，如果需要具体选择第几个需要

document,querySelectorAll(‘div’)[1]

对应的class也是，记得加一个点

1. innerText也会替换原来的内容，只会把文字显示在对应的区域，不像.innerHTML可以转译标签

innerHTML=”

你好

”是可以的

同理，循环的方式也改

Function fn(){

Let ds=document. querySelector(‘.cname’)}

For(var i=0;i<ds.length;i++){

Ds[i],innerHTML=’

’}

可以获取自己添加的一个值

比如在

Console.log(img.aaaa)

Dom.的方式设置值，只能设置元素上本来就有的属性，比如src，alt，width，height、自定义的属性添加值就不可以

Style

因为div元素自身没有width和height属性，所以不能直接的设置

div.style.width=’200px’这个不是自身上面的属性，需要加上单位

div具有style行内样式属性。所以需要在style上写宽高属性，在style上填写宽高是必须加上单位px 的

当中百分比是相对于父元素而设置的，所以这里要给body设置，而px是物理像素，是相对于屏幕而言的

div.style.marginTop=’100px’像marginTop这种有-的，必须要换成驼峰

作者：灰一灰
链接：juejin.cn/post/704822… 来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

1.03