首页 > 其他 > 详细

document对象

时间:2017-06-19 23:18:12      阅读:278      评论:0      收藏:0      [点我收藏+]

一、找元素:

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=‘#‘>超链接</a>";不会作为一个正常的超链接显示,以文本形式出现

2、表单元素:

1)获取内容:var a=document.getElementId("txt");

alert(a.value);

2)设置内容:a.value="ok";

三、操作属性:

1)添加属性:a.setArribute("属性名","属性值");

2)移除属性:a.removeArribute("属性名");

3)获取属性:a.getArribute("属性名");获取属性名,返回属性值

四、操作样式:

1)获取样式:a.style.样式只能获取内嵌的

2)设置样式:a.style.样式="样式写法有不同,中间带有-,现在没有了";

3)修改样式:a.style.样式

document对象

原文:http://www.cnblogs.com/NCL--/p/7051000.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!