尹太初-CSDN博客

原创 JavaScript面向对象简单Tab切换-

** 废话不说，看代码 ** html代码： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Tab栏特效</title> <style> * { margin: 0; padding: 0 } li { list-style: none } a { text-decoration: none }

2021-01-09 20:09:58 215

二. 自定义属性自定义属性操作 1.获取属性值 element.属性获取属性值 element.getAttribute(‘属性’); var d = document.querySelector('div'); console.log(d.getAttribute('index')); 区别 element.属性获取内置属性值（元素本身自带的属性） element.getAttribute(‘属性’); 主要获得自定义的属性（标椎）我们程序员自定义的属性 2.设置属

2020-05-28 17:25:22 2205

原创 js_模拟动态生成表格

1.首先表格内容是不确定的，标题th不变, 所以我们给个宽度就行， 2.标题th不变，所以只管td, 第一步：既然内容不确定，所以我们不在在HTML结构上写td，只写一个tbody，为什么？我们可以往里面创建添加 tr、td 元素节点，第二步: 我们首先要确定行数，怎么实现？我们可以这样，把内容以对象的形式存放到数组里，而数组的"长度"就是我们的所求表格的“行数”，跟数组一样，每个对象之间用逗号隔开第三步：就是往里面添加元素节点，往谁添加？当然是往tbody添加，所以要把tbody获取过来

2020-05-26 09:52:44 904

原创 tab栏切换

1.首先事件源是 li 是必须要点击 li 的 2. 第二点击当前的那个 li 要变色，所以需先把所有的 li 的背景色都设为空值 3. 呈现的内容（也就是五个div）是在点击 li 之后出现的，所以要在 li 里面的写 4. 既然五个div出现的导火索是 li ，所以他们肯定是要有联系的，所以在最开始的 for 循环里面给每个 li 一个自定义属性值，而值刚好是索引号，利用 i 的每次循环 5. 把当前 li 的自定义属性值提取存放到一个变量, 好给呈现的内容 6. 先把所有的div都

2020-05-21 10:46:55 1192

原创选项框_js全选反选

选项框_js全选反选效果图：代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table { wid

2020-05-20 11:16:53 180

原创表格隔行变色效果_js鼠标移入移出

表格隔行变色效果_js鼠标移入移出效果图：代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table {

2020-05-20 11:04:40 294

原创新浪导航条js下拉菜单_鼠标移入移出

新浪导航条js下拉菜单_鼠标移入移出效果图：代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {

2020-05-19 20:32:21 883

原创首次博客-css仿微信官网

呃…我的第一个仿网页，微信， html: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2020-05-03 23:03:07 349

weixin_46323591的博客