
<!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个子元素
原文链接: 动态获取js对象的元素
在开发后台 *** 作系统的时候,遇到表单清空,我用vant插件开发,该组件没有清空函数,需要自己写。嘶~,麻烦了,每个页面都有需要清空,而字段又不一样,每个页面写一个清空函数那不得累死。有没有好办法呢?有!
好了,知道[]的符号能获取对象元素值和循环获取对象,那写一个公共函数不就简单了?
可以通过js dom 来获取,对元素设一个id值,然后为元素绑定一个click事件或直接设置 "onclick=",然后调用相应的function,在function中通过:documentgetElementById("") ,就可以获取到地点的元素对象,然后在浏览器中按F12进行调试,就可以看到这个对应的所有属性及方法,当然元素的值也在里面。
单纯获取值是:documentgetElementById("")value;
var img=documentgetElementsByTagName("div")children;
for(var i=0; i<imglength; i++){
if(img[i]tagName=="IMG")consolelog(img[i]src);
}
把var type=$("#tool_name"+i)innerHTML;换成:
var type = $(this)next("a")html();
就可以了。
因为click(function (){是个匿名函数,在里面不要写外面for循环的i,因为i会一直是同一个值,改一下,不使用i就可以了。
getElementsByTagName('li')是获取所有li元素,所以是getElements,不是getElement;
var li_length = documentgetElementById('ul1')getElementsByTagName('li')length;//js获取li的length
以上就是关于js怎么找一个子元素的父元素全部的内容,包括:js怎么找一个子元素的父元素、动态获取js对象的元素、javascript如何获取点击元素的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)