2024-10-14

}

return arr;//return false;

}

var div = document.getElementsByTagName(‘div’)[0];

//调用方式:div.myChildren

function retSibling(e,n){

while(e&&n){

if(n>0){

e=e.nextElementSibling;

n–;

}else{

e=e.previousElementSibling;

n++;

}

}return e;//直接跳出

}

var strong = document.getElementsByTagName(‘strong’);

二、基本元素的创建、增删改查

创建

var div = document.createElement(‘div’);

//在js中,创建元素结点

document.body.appendChild(‘div’);

var text = document.createTextNode(‘林可’);

document.creatComment(‘this is comment’);

//创建文本结点

插入

div.appendChild(text);//appendChild是剪切

div.insertBefore(strong,span);//在span之前插入strong

删除

parent.removeChild();//剪切出去

child.remove();//i.remove(真的删除)

更新

div.replaceChild(new,origin);

把html中的内容取出来

div.innerHTML()=“123”//把原内容覆盖

//innerText(火狐不兼容)/textContent

为结点增加属性

div.setAttribute(‘id’,‘demo’);

//给div添加id号叫做demo的值

获取结点属性值

div.getAttribute(‘id’);

编写一段JavaScript脚本生成下面这段DOM用标准的DOM方法和属性。

可可

---

练习：

//targetNode 代表我要根据这个点插入，afterNode代表插入内容

Element.prototype.insertBefore=function (targetNode,afterNode){

if(!targetNode.nextElementSibling){

this.appendChild(afterNode);

}else{

this.insertBefore(targetNode.nextElementSibling,afterNode);

}

}

---

三、date对象，定时器

一：获取时间对象new Date()

var date = new Date;

function getNowDate() {

var date = new Date();

var year = date.getFullYear();

var month = date.getMonth() + 1;

var day = date.getDate();

var arr = [‘星期日’, ‘星期一’, ‘星期二’, ‘星期三’, ‘星期四’, ‘星期五’, ‘星期六’];

var week = date.getDay();

return year + ‘/’ + month + ‘/’ + day + ‘\n’ + arr[week];

}

Date() 返回当日的日期和时间。

getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。

getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。（周日为0；）

getMonth() 从 Date 对象返回月份 (0 ~ 11)。

getFullYear() 从 Date 对象以四位数字返回年份。

getYear() 请使用 getFullYear() 方法代替。

getHours() 返回 Date 对象的小时 (0 ~ 23)。

getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。

getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。

getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。

getTime() 返回 1970 年 1 月 1 日至今的毫秒数。

二：日期设置方法

setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。

setMonth() 设置 Date 对象中月份 (0 ~ 11)。

setFullYear() 设置 Date 对象中的年份（四位数字）。

setYear() 请使用 setFullYear() 方法代替。

setHours() 设置 Date 对象中的小时 (0 ~ 23)。

setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。

setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。

setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。

setTime() 以毫秒设置 Date 对象。

三：时间转字符串

toString() 把 Date 对象转换为字符串。

Thu Oct 14 2021 18:51:58 GMT+0800 (中国标准时间)

toTimeString() 把 Date 对象的时间部分转换为字符串。

20:45:34 GMT+0800 (中国标准时间)

toDateString() 把 Date 对象的日期部分转换为字符串。

Thu Oct 14 2021

toUTCString() 根据世界时，把 Date 对象转换为字符串。

toLocaleString() 根据本地时间格式，把 Date 对象转换为字符串。

toLocaleTimeString() 根据本地时间格式，把 Date 对象的时间部分转换为字符串。

toLocaleDateString() 根据本地时间格式，把 Date 对象的日期部分转换为字符串。

四、js中两种定时器，setTimeout和setInterval

setTimeout只在指定时间后执行一次，代码如下：

//定时器 异步运行

function hello(){

alert(“hello”);

}

//使用方法名字执行方法

var t1 = window.setTimeout(hello,1000);//后面的是执行的毫秒数

var t2 = window.setTimeout(“hello()”,3000);//使用字符串执行方法