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
2. js操作class
图片.png
3. js 用中括号操作属性