第六章——DOM2

Posted 2020-09-14 缘来狠狂

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="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"