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

document对象

时间:2016-09-23 08:44:46      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:

一.找元素

①getElementById()根据ID找。

②getElementsByClassName()根据class找,返回数组。

getElementsByTagName()根据标签名找,返回数组。

二.操作内容

1.普通元素。包括①innerText获取内容文本。②innerHTML获取内容代码。

2.表单元素。value

var a = document.getElementById("txt");
    alert(a.value);
    a.value = "ok";

三.操作属性

①setAttribute(属性名,属性值)设置属性

a.setAttribute("checked","checked");

②removeAttribute(属性名)移除属性

a.removeAttribute("checked");

③getAttribute(属性名)获取属性

alert(a.getAttribute("test"));

四.操作样式

a.style.width获取样式

操作样式
    var a = document.getElementById("d");
    
    1.获取样式,只能获取内嵌的
    alert(a.style.width);
    
    2.设置样式
    a.style.fontSize = "30px";
    
    3.修改样式
    a.style.backgroundColor = "green";
    a.style.color="white";
   

document对象

标签:

原文地址:http://www.cnblogs.com/zxl89/p/5898615.html

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