dom
小白追梦
前端小菜鸡,欢迎交流
展开
-
DOM基本操作之面试必备系列 有源码 可以随意进行练习哈
1、Element 节点的一些属性 innerHTML HTML 结构 写啥 就识别啥 innerText (火狐不兼容) textContent(老版IE不好使) 2、Element节点的一些方法 ele.setAttribute(); els.getAttribute(); 练习 有三个标签 我现在需要添加 每一个的this-name = ’ ’ 各自的名字 <body> <div></div> <stro原创 2020-10-08 22:06:49 · 65 阅读 · 0 评论 -
dom 继承树 dom基本操作 (上)
1、让JS 操作HTML 和 XML 的接口 任何元素都有 nodeType 记住 1元素节点 3文本节点 8注释节点 9 文档节点 document 基于元素节点树 遍历 children 可用 其他的如 parentElement firstElementChild lastElementChild ie9以下用不了 2、 document 继承自 HTMLDocument.prototype 继承自 Document.prototype原创 2020-10-08 22:06:33 · 79 阅读 · 0 评论 -
面试必备之 DOM 操作初探
1、什么是DOM? 想让js 操作html 文档对象模型 Document Object Model 2、作用 操作 html 和 xml 唯一的不同 xml 标签可以自定义 3、 如下代码 第一种方式引入 <body> <div></div> <script type="text/javascript"> // DOM对象 var div = document.getElementsByTagNa原创 2020-10-08 22:01:21 · 149 阅读 · 1 评论 -
获取窗口属性 获取dom尺寸 脚本化CSS(下) 有源码 可以随意进行练习哈 太棒了 一起加油 一起成长
1、 写东西刺激大脑的记忆能力 尽量不要用纸写 电子化 防止丢了 脚本化CSS 读写 css div.style.width(也是写的唯一操作) 可读写行间样式 无兼容性问题 碰到float这样的保留字属性 前面加上css 注意 background - color 需要写成 小驼峰方式 div.style.backgroundColor 写入的值一定为字符串格式 2、比较特殊 在上面 写width 下面 不写这个 会加到这个地方原创 2020-10-08 22:00:49 · 66 阅读 · 0 评论 -
获取窗口属性 获取dom尺寸 脚本化(上)
1、 DOM基本操作 封装为一个函数方法 后面直接拿出来用就行 (1) 屏幕滚动条 纵向滚动条 Y方向 求横向滚动条 X方向 IE 8 及 IE8 以下不兼容 使用的是另外两个 怎么使用 ? 由于兼容性的问题 用的时候将两个值相加 document.body.scrollLeft + document.documentElement.scrollLeft X方向 document.body.scrollTop + document.documentElement.scro原创 2020-10-08 22:00:33 · 55 阅读 · 0 评论