js怎么找一个子元素的父元素

js怎么找一个子元素的父元素,第1张

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个子元素

原文链接: 动态获取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如何获取点击元素的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9726527.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存