JS如何获取某个DIV下的元素

一、JS如何获取某个DIV下的元素

1、新建一个html文件，命名为test.html，用于讲解Jquery如何获得div下的元素。

2、在test.html文件内，使用div标签创建一个模块，在div内，使用p标签，span标签创建测试的内容。

3、在test.html文件内，设置div的id属性为divcon，主要用于下面通过该id获得div对象。

4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“获得div下的元素”。

5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行divfun（）函数。

6、在js标签中，创建divfun()函数，在函数内，通过id(divcon)获得div对象，使用html()方法便可以获得div对象下面的元素了。最后，使用alert()方法输出元素。

7、在浏览器打开test.html文件，点击按钮，查看结果。

2、在文件内，在div标签内，使用p标签创建一行文字，同时创建一个button按钮，用于触发执行js函数。

3、在js标签内，创建函数，在函数内，使用getElementById()方法通过id（mydiv）获是div对象，再使用getElementsByTagName()方法获得div下面的p元素对象，最后，使用alert()方法输出p元素的内容。

二、JS中如何获取数组中的一部分元素

1、js获取数组中的一部分元素，有2种方法：slice和filter函数，下面分别介绍。

2、slice的定义和用法如下，用于截取数组的一段

3、这2行代码，可以看到截取了1到4下标的代码

4、filter则用于过滤数组中的一部分元素，剩下的元素就是需要的那部分元素。

5、现在尝试下面代码，可以将一个数字数组中的偶数过滤掉，只留下奇数。

三、js获取父级元素

1、首先创建一个div，里面再创建一个p元素，通过p元素来获取他的父元素div。

2、接下来我们用js来获取p元素。

3、这样我们就得到p元素，并获得了它的值，看看结果。

4、接下来我们就来获取这个p元素的父元素。

5、通过parentNode就能得到它的上一级元素了（父元素），同时我们打印了div中的html内容，看看结果。