JS如何获取指定DIV下的子元素LI值_框架

1、新建一个html文件，命名为testhtml，用于讲解JS如何获取指定DIV下的子元素LI的值。

2、在testhtml文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目一、项目二。

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

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取LI的值”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getli

6、通过获得li对象，使用each()方法遍历每一个li对象，通过text()方法获得li的值，使用push()方法将获得li值存进数组中。最后，使用alert()方法将所有li值输出。

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

假设你的html中有以下的div\x0d\\x0d\\x0d\\x0d\\x0d\如果是要获取id是id1的div的数据，获取div里面的内容有两种方式\x0d\1，纯js获取数据\x0d\var a=documentgetElementById("id1")innerText;\x0d\\x0d\2，jqeury获取数据\x0d\var a=$("#id1")html();回答于 2022-11-16

div事先在输入框的下面的而且是隐藏的，当点击表情图标，div通过onclick激活JS某个函数，该函数内必须会有一段使隐藏的div显示出来的方法语句，是通过这样个流程实现的。至于怎样去定位这个表情DIV的位置的，这个css里面有一个叫position的方法，利用坐标x，y（left，top，right，bottom）实现div位置任意改变。

思路：用js取得div之间的值可用innerText属性来取得。

代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

function fff(){

//取得aa标签里的内容

var sss=documentgetElementById("aa")innerText;

//用alertd出

alert(sss);

}

</script>

</HEAD>

<BODY>

<div id="aa">aaaaa</div>

</BODY>

</HTML>

说明：

innerText:从起始位置到终止位置的内容, 但它去除Html标签

以上就是关于JS如何获取指定DIV下的子元素LI值全部的内容，包括:JS如何获取指定DIV下的子元素LI值、js如何获取div内容、JS如何获取DIV的位置等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

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

原文地址: http://outofmemory.cn/web/9350521.html

JS如何获取指定DIV下的子元素LI值

发表评论

评论列表（0条）