js day（1）（DOM、事件、字符串内置对象、时间）

最新推荐文章于 2024-07-27 18:37:51 发布

谢西顾

最新推荐文章于 2024-07-27 18:37:51 发布

阅读量224

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/yiyiyixin/article/details/80973203

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一、Dom

1.改变内容如文字内容或改变html内容标签属性如href里面的网址

var x=document.getElementById('lin');
x.href="https://www.sogou.com";
x.innerHTML="搜狗";

2.改变css内容

var x=document.getElementById('box');
x.style.backgroundColor="black";

二、js事件

（截图来源于https://ke.qq.com/course/279040）

三、字符串常用内置对象：

document.write(x.length+'<br>');//长度
document.write(x.match("baidu")+'<br>');//有匹配就输出，无就输出null
document.write(x.replace("baidu","sougou")+'<br>');//替换
document.write(x.toLowerCase()+'<br>');//变小写
var y=x.split(".");//分开
document.write(y[1]);

四、时间

var x=new Date();
var a=x.getHours();
var b=x.getMinutes();
var c=x.getSeconds();
document.write(a+":"+b+":"+c)

获取到的date还有很多，这里只是举三个属性

刷新时钟

<body οnlοad="nowt()">
    <pid="time"></p>
</body> 

function nowt()
{
         vary=document.getElementById('time');
         varx=new Date();
         vara=x.getHours();
         varb=x.getMinutes();
         varc=x.getSeconds();
         if(c>=0&&c<=9)c="0"+c;
         y.innerHTML=a+':'+b+':'+c;//不能用document.write不然会一直输出时间，这里是要覆盖
         setTimeout(function(){nowt(),1000});//关键函数！刷新
}

谢西顾

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js day（1）（DOM、事件、字符串内置对象、时间）

一、Dom1.改变内容如文字内容或改变html内容标签属性如href里面的网址var x=document.getElementById('lin');x.href="https://www.sogou.com";x.innerHTML="搜狗";2.改变css内容var x=document.getElementById('box');x.style.backgroundColor=...
复制链接

扫一扫