DOM方法后去元素总结

Original 2018-12-31 13:31:28 245
abstract:DOM获取元素的方法有以下几种: 根据id选择元素 getElementById()根据name属性来获取元素 getElementsByName()根据标签名来获取元素 getElementsByTagName()使用name属性和标签名获取元素的快捷方式,如:images 图像 forms表单 links a连接 head头部   docume

DOM获取元素的方法有以下几种:

  1.  根据id选择元素 getElementById()

  2. 根据name属性来获取元素 getElementsByName()

  3. 根据标签名来获取元素 getElementsByTagName()

  4. 使用name属性和标签名获取元素的快捷方式,如:

    images 图像 forms表单 links a连接 head头部   documentElement获取html

document.forms[0].style.backgroundColor = 'lightgreen'; //1.索引
document.forms['register'].style.backgroundColor = 'pink'; //name值
document.forms.register.style.backgroundColor = '#ccc'; //将nam作为forms的属性值
document.forms.item(0).style.backgroundColor = 'red'; //4.使用元素集合的item方法

     5.通过class属性来获取元素 document.getElementsByClassName()

    6、通过css选择器来获取元素 两种

         获取所有匹配元素 document.querySelectorAll()

         获取第一个匹配元素 document.querySelector()

小结:1、获取可以使用数组下标[0]和item(0)

          2、let 定义变量不允许重复,相对var跟严谨

新知识点:

1、throw new Error("没有这个元素") //throw new抛出异常

2、arguments  在函数代码中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。还可以用 arguments 对象检测函数的参数个数,引用属性 arguments.length 即可。

3、熟悉for循环数据的语句

    for (let i = 0; i < li.length; i++) {
    	li[i].style.backgroundColor = 'green';
    }


Release Notes

Popular Entries