JS的类型转换

JavaScript016

JS的类型转换,第1张

首先, JS的数据类型分为基本数据类型和引用数据类型

基本数据类型:

引用数据类型:

在 JS 中的类型转换都会转换成以下 3 种类型

转为 String 可以使用以下方法进行转换 String() 、toString()

转为 Boolean 可以使用 Boolean()

转为 Number 可以使用 Number() 、parseFloat() 、parseInt()

jq用 .attr() 来暴力修改

然后 也可以用 .removeClass() .addClass() 来移除和新增class 用.hasclass()判断是否存在某个或某些class 用.toggleClass() 来切换 Class

javascript中className属性可以获取和设置对象的类名,下面进行实例演示:单击li元素,该元素在red类之间切换(即单击一次显示红色,再次单击恢复原来的颜色,如此循环)。

1、HTML结构

<ul>

<li>Glen</li>

<li>Tane</li>

<li>John</li>

<li>Ralph</li>

</ul>

2、主要的css类

li{margin:5pxlist-style: none}

.red{color:red !important}

3、javascript代码

window.onload = function(){

obj_li = document.getElementsByTagName("li") // 获取li对象数组

for(k in obj_li)

obj_li[k].onclick=function(){  // 为每个li注册单击事件

this.className = this.className == "red"? "" : "red"    // 如果当前类为red,则取消当前类;否则,为当前元素添加red类

}

}

4、效果展示