Html
    Css
    Js

    
                        
li {
	display:inline-block;
	width:auto;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	background-color:#cd4a48;
	margin-top:10px;
	margin-left:5px;
	padding:0 5px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

数组队列操作

对该任务出现的方法进行总结

1. 判断值为数字类型的方法

可以使用 isNaN(val)来判断value值是否为数字类型NaN顾名思义:not a number

2. 正则表达式的验证

test()方法执行一个检索,用来查看正则表达式与指定的字符串是否匹配。返回true或

falseregexObj.test(str)str:

用来与正则表达式匹配的字符串

3. 子节点的插入appendChild() 方法:可以向节点的子节点列表的末尾添加新的子节点。

语法:element.appendChild(newChild);insertBefore()方法:可以在已有子节点前插入一个新的子节点。语法:element.insertChild(newchild,refchild)

4. 获取元素子节点集合childNodes 属性返回节点的子节点集合。

语法:

var nodeList = elementNodeReference .childNodes;

节点集合中的项目是对象而不是字符串。要从节点对象获取数据,请使用其属性(例如elementNodeReference.childNodes[1].nodeName获取名称等)。

5. 获取子节点firstChild 获取父节点node的第一层第一个子节点

若不存在则返回null语法:

 var child = node.firstChild;lastChild

返回被选节点的最后一个子节点,如果选定的节点没有子节点,则该属性返回NULL。

6. 事件监听器

EventTarget.addEventListener() 方法将指定的监听器注册到 EventTarget上,当该对象触发指定的事件时,指定的回调函数就会被执行。

7. toLowerCase()

toLowerCase() 会将调用该方法的字符串值转为小写形式,并返回。语法:str.toLowerCase()

0