码迷,mamicode.com
首页 > 其他好文 > 详细

document对象

时间:2017-06-19 23:31:24      阅读:332      评论:0      收藏:0      [点我收藏+]

标签:元素   get   move   ntb   数组   font   mil   set   对象   

一、找元素:

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对象

标签:元素   get   move   ntb   数组   font   mil   set   对象   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!