前端学习JS第八天（P102--P110）

1、创建元素节点document.createElement（），创建文本节点document.createTextNode（），父节点.appendChild（）向一个父节点添加一个新的子节点

2、insertBefore（新的，旧的）在指定旧的节点前面插入新的节点，

父节点.replaceChild（新，旧），

父节点.removeChild（）删除子节点/子节点.parentNode.removeChild（子节点）

3、使用dom操作css，注意兼容性问题

①改的内联样式

元素.style.样式名 = 样式值

注意如果样式名中含有减号，在js中不合法，比如background-color，需要将这种样式名修改为驼峰命名法，去掉减号并将减号后面字母大写。

②读取内联样式

元素.style.样式名

③读取当前样式

元素.currentStyle.样式名是属性，getComputedStyle（要获取样式元素，可以传递一个伪元素）是Window的方法，读取当前元素正在显示的样式。都是只读的。

4、其他操作样式的属性

element.clientHeight/Width只读可见高度/宽度

element.offsetHeight/Width只读元素整个高度/宽度，包括边框

element.offsetParent获取离当前元素最近的开启了定位的父元素

5、滚动条

前端学习JS第八天（P102--P110）相关推荐

前端学习--js.2
写一个通用的事件侦听器函数 markyun.Event = { //页面加载完成后 readyEvent :function(fn) { if(fn==null) { fn=document; } v ...
前端学习——JS基础知识点复习
一. JS复习 1.1 如何使用JS HTML标签内使用JS,要求写在onclick等事件属性或者href属性中(不推荐使用) 页面中的script标签内可以直接写JS代码 script标签的src属 ...
面向面试题的前端学习-js篇（自用，持续完善中）
前言:初心是记录面试题,慢慢由每个知识点引伸出去,逐渐查缺补漏,构建出更完善的前端知识系统. 题目来源:牛客网 gitnub 目录 HTTP协议 get请求传参长度的误区补充get和post请求在缓 ...
前端学习---JS高级教程
文章目录 JS对象创建对象的三种方式内置对象 Math对象 Date对象数组对象字符串对象 JS对象 JS中所有事物都是对象.字符串.数值.数组.函数.布尔型.数字型.日期.数学和正则表达式都 ...
前端学习JS第七天（P90--P101）
1.DOM,文档对象模型,document object model,在js中通过dom操作网页.文档就指整个html网页,对象就是将网页每一个部分都转换成对象,模型用来表示对象之间的关系. 2.网页 ...
js怎么在一个div中嵌入另一网站_好程序员web前端学习路线分享HTML5常见面试题集锦一...
好程序员web前端学习路线分享HTML5常见面试题集锦,接下来将会持续为大家分享几篇HTML5常见面试题. 1.布局左边20% 中间自适应右边200px 不能用定位答案:圣杯布局/双飞翼布局或者 ...
【前端学习笔记】JavaScript + jQuery + Vue.js + Element-UI
前端学习笔记 JavaScript jQuery Vue.js Element-UI Java 后端部分的笔记:Java 后端笔记 JavaScript 基础语法(数据类型.字符串.数组.对象.Map ...
web前端学习基础教程，简单的图片旋转木马自动轮播js代码
一款简单的图片旋转木马自动轮播js代码,图片叠加轮播切换效果,支持点击左右箭头按钮控制切换. 案例效果图案例源码: <!DOCTYPE html> <html lang=" ...
前端学习笔记（js基础知识）
前端学习笔记(js基础知识) JavaScript 输出 JavaScript 数据类型常见的HTML事件 DOM 冒泡与捕获流程控制语句 for..in 计时器 let,var,const的区别 ...

前端学习JS第八天（P102--P110）

前端学习JS第八天（P102--P110）相关推荐

最新文章

热门文章