js学习 -2024/10/9

今天学习了js中的一些知识
DOM
通过document.get...函数获取元素对象
可以查阅h3school资料找对象的函数,操作对象,

//根据id获取元素对象
// let id = document.getElementById('back');
// id.src = "../img/02.png";

//根据标签获取元素对象
var divss = document.getElementsByTagName('div');
divss[0].style.backgroundColor = 'red';
divss[1].style.color = 'blue';


//confrim 点击确认返回true,取消返回false
// alert(window.confirm("确认删除吗"));

//定时器
//只执行一次
// setTimeout(function () {
//     alert("Hello World!");
// },3000)

//循环执行
// setInterval(function (){
//     alert("我出来了")
// },2000)

//循环切换图片
// function on(){
//     document.getElementById('myimg').src='../img/02.png';
// }
//
// function off(){
//     document.getElementById('myimg').src='../img/img.png';
// }
//
//
// var t = 0;
// setInterval(function () {
//     if(t % 2 == 0){
//         on();
//     }
//     else if(t % 2 == 1){
//         off();
//     }
//     t++;
// },100);


//点击
let s1 = document.getElementById('s1');
// s1.click();