首页 > 代码库 > document对象
document对象
一、找元素:
1)根据id找:.getElementById()
2)根据class找:.getElementsByClassName()返回值为数组
3)根据name找:.getElementsByName()返回值为数组
4)根据标签名找:.getElementsByTagName()返回值为数组
二、操作内容:
1、普通元素:
1)获取内容:a.innerText
2)设置内容:a.innerText="";
3)获取内容代码:a.innerHtml;
4)设置内容:a.innerHtml="<span style=‘color:red‘>ok</span>";
5)显示出标签:作为一个文本显示:a.innerText="<a href=http://www.mamicode.com/‘#‘>超链接";不会作为一个正常的超链接显示,以文本形式出现
2、表单元素:
1)获取内容:var a=document.getElementId("txt");
alert(a.value);
2)设置内容:a.value="http://www.mamicode.com/ok";
三、操作属性:
1)添加属性:a.setArribute("属性名","属性值");
2)移除属性:a.removeArribute("属性名");
3)获取属性:a.getArribute("属性名");获取属性名,返回属性值
四、操作样式:
1)获取样式:a.style.样式只能获取内嵌的
2)设置样式:a.style.样式="样式写法有不同,中间带有-,现在没有了";
3)修改样式:a.style.样式
document对象
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。