DOM节点的 增 ·删· 改· 查
文章平均质量分 50
年年CODE
这个作者很懒,什么都没留下…
展开
-
阻止事件冒泡
兼容性阻止事件冒泡。 事件流:根据事件的传递顺序 冒泡: 事件由最具体的元素(文档中签到层次最深的节点)接收,逐级向上传播 到其他节点btn>div>body 现在浏览器默认都是冒泡排序。 捕获:<!DOCTYPE...原创 2018-09-10 15:54:06 · 153 阅读 · 0 评论 -
九九乘法表
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script原创 2018-09-07 17:56:05 · 151 阅读 · 0 评论 -
html+css 提示工具
html+css 提示工具*{margin: 0px;padding: 0px;} .box{ width:100px; height: 50px; position: relative; margin: 100px auto; } /*鼠标移动上的时候显示*/ .box:hover span{ visibility: inherit; }...原创 2018-11-09 21:53:24 · 222 阅读 · 0 评论 -
时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div class='原创 2018-12-21 12:04:31 · 98 阅读 · 0 评论 -
简易购物车
css部分<style> * { margin: 0; padding: 0; } .box { width: 900px; margin: 30px auto; } table { b...原创 2018-12-21 11:40:31 · 245 阅读 · 0 评论 -
盒子内容垂直居中
盒子内容垂直居中有两种:1.给父级加上相对定位position:relative; 给子元素添加绝对定位position:absolute;设置top,right,bottom,left的值都是0;调整margin内边距为自适应auto;<!DOCTYPE html><html> <head> <meta charset="UTF-8">...原创 2018-11-10 17:19:14 · 2752 阅读 · 0 评论 -
JS选项卡
用JS事件简易淘宝选项卡&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;淘宝简易选项卡&lt;/title&gt; &l原创 2018-09-19 22:56:24 · 702 阅读 · 0 评论 -
放大镜
css部分&lt;style&gt; *{ margin: 0; padding: 0; } .box{ width: 430px; height: 430px; margin: 30px; positi...原创 2018-12-21 11:54:04 · 118 阅读 · 0 评论 -
获取事件对象
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>鼠标移入移出</title> <style> #box{ wid原创 2018-09-10 15:30:33 · 572 阅读 · 0 评论 -
DOM获取样式的值
&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &原创 2018-09-07 17:22:53 · 531 阅读 · 0 评论 -
DOM属性的设置 和 属性值的获取
<style type="text/css"> .one{width: 300px;height: 300px;border: 1px solid red;padding :5px;}</style><body> <img src="images/2.jpg" alt="" id="pic">原创 2018-09-06 17:04:01 · 1680 阅读 · 0 评论 -
HTML DOM添加信息
dom节点添加信息,点击按钮录入一条信息&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document原创 2018-09-06 15:48:53 · 520 阅读 · 0 评论 -
DOM动态生成表格
dom节点动态生成表格 &amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;tit原创 2018-09-05 22:26:32 · 482 阅读 · 0 评论 -
获取DOM节点的常用方法
DOM操作是为了方便程序员操作页面元素。 常见的DOM节点有: 元素节点, 即HTML标签 文本节点, 即标签里面的内容 包含空格 属性节点 即标签里面的属性 比如 a标签有 href href就是属性节点 <!DOCTYPE html><html lang="en">...原创 2018-09-04 22:53:07 · 1169 阅读 · 0 评论