js怎么获取div下子元素的子元素

js怎么获取div下子元素的子元素,第1张

var

smalls

=

documentgetElementById('small')getElementsByTagName('li');

这样可以获取所有id="small"下的

li

改成:

<html>

<head>

<title>input map info</title>

<script>

function aa()

{

documentgetElementById('lat')value="3423423";

documentgetElementById('lng')value="34243243";

}

</script>

</head>

<body onload="aa()">

<form action="" name="form222">

Description:<input type="text" name="description">

<input type="text" id="lat">

<input type="hidden" id="lng">

<input type="submit" value="submit">

</form>

</body>

</html>

js找一个子元素的父元素:

<!DOCTYPE html><html><head>

<meta charset="utf-8">

</title>    <script type="text/javascript">    function deleteElement(Obj)

{        ObjparentNodeparentNoderemoveChild(ObjparentNode);    }    </script></head>

<body>     <ul class="list2" ><li ><img alt="" src="1jpg" /><div>mingzi1</div>

<a onclick="deleteElement(this)">删除</a></li><li ><img alt="" src="2jpg" />

<div>mingzi2</div><a onclick="deleteElement(this)">删除</a></li><li >

<img alt="" src="3jpg" /><div>mingzi3</div><a onclick="deleteElement(this)">删除</a>

</li></ul></body></html>

删除一个父元素下面的所有子元素:

documentgetElementById("ok")innerHTML = "";

删除其中的一个:

documentgetElementById("ok")remove(documentgetElementById("ok")children(i));

//删除id为"ok"下的第i-1个子元素

因为P标签不止一个。

var p= documentgetElementsByTagName('p');

getElementsByTagName这个函数的返回值是个数组

不管有几个p标签,返回都是数组,所以就要使用[0]来取其中的一个。

HTML结构:

<div id="test">

id=test: <span>Glen</span><span>Tane</span><span>John</span><span>Ralph</span>

</div>

<div id="test1">

id=test0: <span>Glen1</span><span>Tane1</span><span>John1</span><span>Ralph1</span>

</div>

<input type='button' value='获取id为test的div下的span' onClick="fun()"/>

扩展资料:

getElementsByTagName() 方法会使用指定的标签名返回所有的元素(作为一个节点列表),这些元素是在使用此方法时所处的元素的后代。

getElementsByTagName() 可被用于任何的 HTML 元素

如果把特殊字符串 "" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。

传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

参考资料来源:百度百科-getElementsByTagName

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

以上就是关于js怎么获取div下子元素的子元素全部的内容,包括:js怎么获取div下子元素的子元素、JS如何获得指定的子元素、js怎么找一个子元素的父元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存