首页 > 代码库 > 第六章——DOM2
第六章——DOM2
1、document取对象
2、innerHTML,innerText
3、对象属性的操作
4、创建元素(还可以使用拼接字符串的方法)
5、时间函数、数学函数、字符串函数
Window.document
取元素
document.getElementById("id");根据id找一个
document.getElementByName(“name");根据name找,出来是数组;
document.getElementByClassName("name")根据classname找。。
document.getElementByTagName("name")标签名
操作内容
innerHTML 里边的HTML;
innerText 里边的文字;
outHTML 包括标签本身的内容
以上的赋值之后清空内容的话,赋值空字符串”“;
<a href="http://www.mamicode.com/www." onclick="return false"><a>
默认return true才会跳转到页面
对象属性的操作
.setAttribute("属性名”,”属性值“)设置一个属性,赋值
.getAttribute("属性名”)获取属性的值
.removeAttribute("属性名“) 移除一个属性
.nextSibling 找到 下一个同辈元素,包含空格
.previousSibling找到 上一个同辈元素,包含空格
.parentNode 上一级父级元素
.childNodes 找出来的是数组,找下一级元素
.firstChild,第一个子元素,lastChild,childNode[n]找第几个
alert(nodes[i]instanceof Text)判断是不是文本,是返回true, false
创建元素
var a = document.creatElement("option")创建一个Option
a.innerHTML=""
body.appendChild(a)向body里添加a子元素
body.removeChild(a)删除子元素
a.selectIndex选中的元素的索引值
a.options[a.selectIndex]按选中的索引值取出option对象
日期时间函数(需要用变量调用):
var b = new Date(); //获取当前时间
b.getTime() //获取时间戳
b.getFullYear() //获取年份
b.getMonth()+1; //获取月份
b.getDate() //获取天
b.getHours() //获取小时
b.getMinutes() //获取分钟
b.getSeconds() //获取秒数
b.getDay() //获取星期几
b.getMilliseconds() //获取毫秒
Date()//获取完整日期
数学函数(用Math来调用):
abs(x) 返回数的绝对值。
ceil(x) 对数进行上舍入。
floor(x) 对数进行下舍入。
round(x) 把数四舍五入为最接近的整数。
max(x,y) 返回 x 和 y 中的最高值。
min(x,y) 返回 x 和 y 中的最低值。
pow(x,y) 返回 x 的 y 次幂。
sqrt(x) 返回数的平方根。
random() 返回 0 ~ 1 之间的随机数。 ****
字符串函数(用变量来调用):
indexOf
返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。
var index1 = a.indexOf("l");
//index1 = 2
charAt
返回指定位置的字符。
var get_char = a.charAt(0);
//get_char = "h"
lastIndexOf
返回字符串中一个子串最后一处出现的索引(从右到左搜索),如果没有匹配项,返回 -1 。
var index1 = lastIndexOf(‘l‘);
//index1 = 3
match
检查一个字符串匹配一个正则表达式内容,如果么有匹配返回 null。
var re = new RegExp(/^\w+$/);
var is_alpha1 = a.match(re);
//is_alpha1 = "hello"
var is_alpha2 = b.match(re);
//is_alpha2 = null
substring
返回字符串的一个子串,传入参数是起始位置和结束位置。
var sub_string2 = a.substring(1,4);
//sub_string2 = "ell"
substr ********
返回字符串的一个子串,传入参数是起始位置和长度
var sub_string1 = a.substr(1);
//sub_string1 = "ello"
var sub_string2 = a.substr(1,4);
//sub_string2 = "ello"
replace *******
替换字符串,第一个参数代表被替换的字符串,第二个参数代表替换的字符串
a.replace("he","aa")
search
执行一个正则表达式匹配查找。如果查找成功,返回字符串中匹配的索引值。否则返回 -1 。
var index1 = a.search(re);
//index1 = 0
var index2 = b.search(re);
//index2 = -1
split ******
通过将字符串划分成子串,将一个字符串做成一个字符串数组。
var arr1 = a.split("");
//arr1 = [h,e,l,l,o]
length 属性 *******
返回字符串的长度,所谓字符串的长度是指其包含的字符的个数。
toLowerCase
将整个字符串转成小写字母。
var lower_string = a.toLowerCase();
//lower_string = "hello"
toUpperCase
将整个字符串转成大写字母。
var upper_string = a.toUpperCase();
//upper_string = "HELLO"
第六章——DOM2