/* background-color: purple; */
}
li {
width: 100px;
height: 50px;
border-radius: 25px ;
float: left;
list-style: none;
border: black 2px solid;
text-align: center;
font-size: larger;
font-weight: 700;
padding-top: 20px;
margin-right: 30px;
}
li:hover{
cursor: pointer;
}
.tab_bom {
width: 600px;
margin: 1px auto;
/* background-color: blue; */
}
img {
width: 600px;
}
.first{
background-color: crimson;
}
.item {
display: none;
}
.current {
background-color: crimson;
}
- 中国
- 美国
- 俄罗斯
- 德国
2.设置H5自定义属性:
H5规定自定义属性data- 开头做为属性名并且赋值。
或者使用 js设置
element.setAttribute(‘data-index’,2);
//获取
element.getAttribute(‘data-index’);
3.节点:
-
元素节点:nodeType为1
-
属性节点:nodeType为2
-
文本节点:nodeType为3(文本节点包含文字、空格、换行等)
3.0 父级节点
*
3.1 子节点
-
- 123
- 123
- 123
- 123
- 123
- 1
- 123
- 123
- 123
- 3
4.下拉菜单
-
- 四川
- 四川
- 四川
-
- 湖北
- 湖北
- 湖北
-
- 深圳
- 深圳
- 深圳
5.添加节点
- 123
6.简单版发布留言案例
发布
7.删除节点案例
- 中国
- 日本
- 韩国
删除