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

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

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

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

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

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

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

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

总结

1、创建一个testhtml文件。

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

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

方法只有一种：

通过JQuery的class选择器方式。写法，选择器中2个class挨着写

示例

<div class='class1 class3'>class1+3</div>

<div class='class2 class3'>class2+3</div>

// 选第一个DIV的话两个class挨着写，中间没有空格

$('class1class3')

不知道你说的选中是如何 *** 作的，给你个例子。

var obj=$(this);//比如说这是你获取选中的div class="a1"的对象。

获得a1对象下边的第一个div class="a2", $(obj)children(":first")

可以使用jQuery的children方法来获取某个元素下的所有子元素。

工具原料：编辑器、浏览器

1、使用children方法可以获得选择器下的所有子元素，代码实例如下：

<!DOCTYPE html>

<html>

<head>

<style>

body { font-size:16px; font-weight:bolder; }

p { margin:5px 0; }

</style>

</head>

<body>

<div>

<span>Hello</span>

<p class="selected">Hello Again</p>

<div class="selected">And Again</div>

</div>

</body>

</html>

2、运行的结果是找到类名为 "selected" 的所有 div 的子元素，并将其设置为蓝色，结果如下：

以上就是关于JS如何获取某个DIV下的元素全部的内容，包括:JS如何获取某个DIV下的元素、jquery怎么获取多个class的div标签、jquery选择器如果选中多个名字一样的DIV里面的同名子类等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

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