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文件，点击按钮，查看结果。

<div class='div1'>div1内容</div>

<div class='div2'>div2内容</div>

<script type="text/javascript">

const div1 = documentgetElementByClassName('div1')[0]innerText

documentgetElementByClassName('div2')[0]innerText = div1

</script>

可以尝试一下

$a=$(div)clone(true);//假如div元素里面某个元素有事件，则该事件也会被复制；

$a=$(div)clone(false);//不会复制事件，只会复制元素。

var b = absdocumentgetElementById("input");

这句本来就写错了 documentgetElementById("input"); 是获取ID 为 input 的元素getElementsByTagName("input") 才是获取 所有input 的元素 而且获取的是一个数组 你也不能 if(formbvalue == "") 这么直接进行比较 推荐你使用 jquery 来获取HTML节点应该方便很多$("input") 就可以选取所有的input了

可以使用next()

取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。

html代码如下

<p>Hello</p><p>Hello

Again</p><div><span>And

Again</span></div>

Jquery获取

$("p")next()

结果获取标签

<p>Hello

Again</p>,

<div><span>And

Again</span></div>

获取标签内容

$("p")next("eq:(0)")html()

//Hello

Again

这个属性只是让该元素获得编辑的功能，而要获取这个div的内容，同样用documentgetElementById("id")innerHTML;即可

查看原帖>>

以上就是关于JS如何获取指定DIV下的子元素LI值全部的内容，包括:JS如何获取指定DIV下的子元素LI值、如何用JavaScript获取div内字数，并输入到html、用js如何点击按钮复制一个<div>标签内的所有内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！