百度前端技术学院:第19天,找到那个DOM
练习代码:https://github.com/aoteman-web/The-Web-study/tree/master/day19
查找元素的方法和属性:
document.getElementById('id') //通过id查找元素
document.getElementsByTagName('标签名') //通过标签名查找
document.getElementsByClassName('类名') //通过类名查找元素
//以下需使用IE8以上版本
document.getElementsByName('属性')[] //通过属性
document.querySelector('#a(选择id名)';'.a(选择类名)';'p(选择标签)') //只获取文档中的第一个元素
document.querySelectorAll() //选择方法同上,不加索引即默认全部
<b>粗体文本</b>
JavaScript 数组
数组是一种特殊的变量,它能够一次存放一个以上的值。
创建数组:
1、var cars = ["Saab", "Volvo", "BMW"];
2、var cars = new Array("Saab", "Volvo", "BMW");
访问数组元素
·var name = cars[0];
改变数组元素
·cars[0] = "Opel";
添加数组元素
1、var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.push("Lemon");
2、var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits[fruits.length] = "Lemon";
如何识别数组
1、
var fruits = ["Banana", "Orange", "Apple", "Mango"];
typeof fruits; // 返回 object
2、Array.isArray(fruits); // 返回 true
3、需调用函数
function isArray(x) {
return x.constructor.toString().indexOf("Array") > -1;
}