JS——页面相关操作(含CSS)

CSS相关使用

1.清除默认样式：

2..box css样式：

3. .box .detail:

4.默认隐藏：Display: none

 鼠标滑过显示：display:block

5.鼠标变成小手手样式：cursor:point;

 

JS网页相关操作

1.获取元素对象：

①通过id获取：

获取文本框的内容：

let numInp = document.getElementById('numInp');

let n = numInp.value;

②根据标签名获取一组元素，获得元素集合：let newsList = newsBox.getElementsByTagName('li');

2.元素绑定事件：

①.让box在点击(on)时候执行function

3.在事件触发时候改变元素样式：

.style方法

4.提前获取元素样式：需要在行内设置

5.清空元素样式类的值：navList[i].className = '';

 

控制台方法

1.控制台输出变量值：console.log(a);

2.输出对象的详细信息：console.dir(box);

3.把一个多维json数组以表格方式查看：console.table

 

浏览器弹窗方法

1.弹出对象字符串表示,只有一个确定键:Alert()

2.弹出文字，有确定和取消:Confirm()

3.弹出文本框和确定:Prompt()