第六章——DOM2

Posted 缘来狠狂

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了第六章——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="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的主要内容,如果未能解决你的问题,请参考以下文章

第六章:继承

JS复习:第六章

第六章forms组件

第六章

构建之法阅读笔记05-第六章

第六章Python文件操作