var a = "123";
bar b = Number(a);
console.log(b); //123
console.log(typeof b); //number
var a = "张三";
bar b = Number(a);
console.log(b); //NaN not a number
console.log(typeof b); //number
var a = "123张三456";
var b = parseInt(a); //parseInt从第一位非空的数字开始,遇到不是数字的时候就停
//parseIntFloat
console.log(b); //123
console.log(typeof b); //number
获取元素的方式
-
getElementById
-
getElementsByClassName
-
getElementsByTagName
-
getElementsByName
-
querySelector
querySelectorAll
获取元素的方式
1. 通过ID获取
document.getElementById();
2. 通过class获取(不支持IE8及以下)
document.getElementsByClassName(); //s不能少
var aDiv = document.getElementsByClassName("wrap");
//aDiv 表示多个的变量命名前面加个a
aDiv[0].innerHTML = "加点内容"; //需要进行数组操作
3. 通过标签名获取
document.getElementsByTagName();
var aP = document.getElementsByTagName("p");
aP[0].innerHTML = "加点内容";
4. 通过name获取
document.getElementsByName();
5. 通过选择器获取(不支持IE7及以下)
document.querySelector();//获取第一个
document.querySelectorAll();//获取所有
var aA = document.querySelector("#wrap .goudan a");
console.dir(aA);
aA.innerHTML = "123";
var aA = document.querySelectorAll("#wrap .goudan a");\
console.log(aA);
aA[1].innerHTML = "123";
//除了document.getElementById();需要通过document获取以外,其他的可以不用
//可以基于某个元素去查找
<body>
<div>
<p class="goudan">
<a href="">1</a>
</p>
</div>
<p class="goudan">
<a href="">2</a>
</p>
</body>
//选择1
var oWrap = document.getElementById("wrap");
oWrap.querySelector(".goudan a");
几个特殊的元素获取
//获取HTML标签
document.documentElement //不需要括号
//获取head标签
document.head
//获取body标签
document.body
//获取title的内容
document.title
//设置title的值
document.title = "我的天哪";