用getElementsByClassName()和innerText搭配使用输出为空——undefined：

想要提取h2标签中的文本“44”，但是运行代码后控制台只有undefined。

<!DOCTYPE html>
    <meta charset="UTF-8">
    <title></title>
</head>
    <h2 class="jiu">44</h2>
    <script>
        var jj = document.getElementsByClassName("jiu").innerText;
        console.log(jj)
    </script>
</body>
</html>

网页上输出：44 控制台输出：undefined

原因分析：

getElementsByClassName()方法返回的对象类型为object，即对象。必须先转换为数组或其他类型。

<!DOCTYPE html>
    <meta charset="UTF-8">
    <title></title>
</head>
    <h2 class="jiu">44</h2>
    <script>
        var jj = document.getElementsByClassName("jiu");
        console.log(jj)//输出类型是html 元素＋对象 的集合
        console.log(typeof (jj))//输出类型是对象类型
    </script>
</body>
</html>
解决方案：
 
将对象转换为数组类型输出。 
<!DOCTYPE html>
    <meta charset="UTF-8">
    <title></title>
</head>
    <h2 class="jiu">44</h2>
    <script>
        var jj = document.getElementsByClassName("jiu")[0].innerText;
        console.log(jj)//输出：44
        console.log(typeof (jj))//输出：string
    </script>
</body>
</html>
                    用getElementsByClassName()和innerText搭配使用输出为空——undefined：想要提取h2标签中的文本“44”，但是运行代码后控制台只有undefined。&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;&lt;/title&gt;&lt;/head&gt;&lt;body&gt;    &lt;h2 class="
				html中document.getElementsByClassName函数的使用方法定义和使用使用方法
定义和使用
getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。
NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。
提示： 你可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数，并循环各个元素来获取你需要的那个元素。
<script>
  function open(){
    var alert = document.getElementsByClassName('alert_container')[0];
    console.log(alert);
</script>
<input type="button" value="显示警告框" @click=
javascript的作用：
1.表单验证——减轻服务器压力
javascript是客户端脚本语言，对于一些无效性的数据，为了减轻服务器压力，在客户端上进行表单验证，筛除一些无效的数据验证。
2.制作页面特效
3.动态改变页面内容（如动态轮播、选项卡显示等）
1.向HTML页面中添加交互行为
2.脚本语言，语法和Java类似
3.解释性语言，边执行边解释（即使一行代码出错
				getElementsByClassName这个方法返回的是：返回文档中所有指定类名的元素集合。因为集合是没有appendChild这个方法的，所以使用getElementsByClassName这个方法获取的元素使用appendChild方法会报错，想要用appendChild就不要用getElementByClassName，而是使用getElementById。
var revise = document.getElementsByClassName("btn btn-xs btn-warning revise")[0];
revise.onclick=function revise() {
revBack...
				在这里我们可以很清楚的理解为什么获取div1时添加了一个[0]，但是明明类名为box1的元素只有一个时，这里也要添加[0]呢？
这是因为获取div2时通过类名获取返回的本身是一个数组，只有通过[0]才能单独获得其中的元素。
这是添加了【0】的返回值
下面是不添加【0】的
				JS 注意事项
在之前的JS练习中,我发现当我使用getElementById方法时返回的却是null,而在我的html代码中id是存在的,为了理解这个原因,我查阅了一些资料
首先给出我之前出现null返回时候的代码
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <title>Title</title>
				innerText修改querySelector和getElementsByClassName所获取元素的文本
写一个网页的JS时，innerText修改通过querySelector和getElementsByClassName所获取得的DOM元素中的文本时，遇到了一些问题。
利用querySelector和getElementsByClassName获取DOM元素会返回不同的值，但返回的数据类型都是对象。
    <div class="test1">手在键盘敲很轻