java数组转字符串 Web前端开发精品课HTML CSS JavaScript基(3)

（1）只有getElementsByTagName()可以操作动态DOM，其他的都不行

（2）querySelector()表示选取满足选择条件的第1个元素，querySeletorAll()表示选取满足条件的所有元素

（3）当你选取的只有一个元素时，querySelector()和querySelectorAll()是等价的

（4）getElementsByName只用于表单元素，准确来说一般用于单选按钮和复选框

（5）getElementsByTagName()、getElementsByClassName()、getElementsByName()这3个方法返回的都是一个类数组（elements嘛），想要准确获取其中一个元素，可以使用数组下标来实现

4、DOM操作

表32-2 DOM操作的方法

在HTML中直接添加元素，这是静态方法。java数组转字符串而使用JavaScript添加元素，这是动态方法。这一章介绍的这些就是动态方法，也叫动态DOM操作。动态DOM操作在实际开发中用途是非常广的。

第33章 DOM进阶

1、HTML属性操作

在JavaScript中，有2种操作HTML元素属性的方式，一种是用“对象属性”，另外一种是用“对象方法”。不管是用哪种方式，都涉及2种操作：①获取HTML属性值；②设置HTML属性值。

（1）“对象属性”方式

obj.attr //获取值

obj.attr = "值" //设置值

（2）“对象方法”方式

obj.getAttribute("attr") //获取值

obj.setAttribute("attr","值") //设置值

对于操作HTML属性的2种方式，我们总结一下：

①“对象属性方式”和“对象方法方式”，这两种方式都不仅可以操作静态HTML的属性，也可以操作动态DOM的属性；

②只有“对象方法方式”才可以操作自定义属性；

2、CSS属性操作

（1）获取值

getComputedStyle(obj).attr

（2）设置值

obj.style.attr = "值"; //使用style对象

obj.style.cssText = "值" //使用cssText属性

3、DOM遍历

表33-2 DOM遍历的属性

4、innerHTML和innerText

在JavaScript中，我们可以使用innerHTML属性很方便地获取和设置一个元素的“内部元素”，也可以使用innerText属性获取和设置一个元素的“内部文本”。

第34章 事件基础

事件操作是JavaScript的核心，不懂事件操作，JavaScript等于白学。在JavaScript中，事件调用方式有2种：①在script标签中调用；②在元素中调用。

表34.2 鼠标事件

表34.3 键盘事件

表34.4 表单事件

表11.6 页面事件

上面列出来的都是JavaScript中最常用的事件，对于不常用的，我们已经舍弃掉了。学完这些，我们可以自己尝试开发一下各种效果了，如图片轮播、Tab选项卡、回顶部等。

此外，这些事件大多数都是针对PC端的，像移动端还有一些特殊的事件如touchstart、touchend、touchemove等，这个可以关注绿叶学习网的移动Web开发教程。