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 · 68 阅读 · 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 · 94 阅读 · 0 评论 -
面试必备之 DOM 操作初探
1、什么是DOM? 想让js 操作html文档对象模型 Document Object Model2、作用操作 html 和 xml 唯一的不同 xml 标签可以自定义3、 如下代码 第一种方式引入<body> <div></div> <script type="text/javascript"> // DOM对象 var div = document.getElementsByTagNa原创 2020-10-08 22:01:21 · 159 阅读 · 1 评论 -
获取窗口属性 获取dom尺寸 脚本化CSS(下) 有源码 可以随意进行练习哈 太棒了 一起加油 一起成长
1、 写东西刺激大脑的记忆能力 尽量不要用纸写 电子化 防止丢了脚本化CSS读写 css div.style.width(也是写的唯一操作) 可读写行间样式 无兼容性问题 碰到float这样的保留字属性 前面加上css注意 background - color 需要写成 小驼峰方式 div.style.backgroundColor写入的值一定为字符串格式2、比较特殊 在上面 写width 下面 不写这个会加到这个地方原创 2020-10-08 22:00:49 · 72 阅读 · 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 · 59 阅读 · 0 评论