js的简单操作

Version:1.0StartHTML:000000201EndHTML:000039341StartFragment:000029011EndFragment:000039303StartSelection:000029011EndSelection:000039303SourceURL:https://www.jianshu.com/p/7adc46427b37

1. 用js操作属性

用 document.getElementById(‘对应的id名称’);  这种方法获取 指定的ID 的标签，可以进行其他 操作，

还有document.getElementByClassName(‘对应的class名称’); 通过类名来获取标签

像这样的一些操作，都需要在页面加载完成之后去进行，所以就用到了

这个页面加载完成之后，执行的一个匿名函数

window.onload=function(){ document.getElementById(‘对应的id名称’);  }

可以对一些属性进行操作，如下如所示：

图片.png

js操作 类名getElementsByClassName

图片.png

js的操作属性window.onload=function(){varoDiv1=document.getElementById('div1');            oDiv1.title='这是一个div';            oDiv1.style.color='red';varoDiv2=document.getElementById('div2');            oDiv2.style.background="gold";            oDiv2.style.fontSize="30px";varoA=document.getElementById('link');            oA.href="http://www.tencent.com";            oA.title="跳转到腾讯";varDiv3 =document.getElementsByClassName('div');            Div3[0].style.background='cyan';            Div3[1].style.background='red';varDiv=document.getElementsByTagName('div');// 通过 标签名 来查找varList=document.getElementById('ul2');//指定 某个标签varlistcon=List.getElementsByTagName('li');//通过 上面指定的标签 ，去获取里面 li标签alert(listcon.length);// 获取长度}这是div1这是div2腾讯这是div3这是div4

1

2

3

4

3

4

1

2

3

4

2. js操作class

图片.png

3. js 用中括号操作属性