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怎么找一个子元素的父元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)