百度前端技术学院:第19天,找到那个DOM

109 阅读1分钟

百度前端技术学院:第19天,找到那个DOM


练习代码:github.com/aoteman-web…

查找元素的方法和属性:

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;
}