首页 > 代码库 > 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对象