js 获得某节点的子节点,已知该子节点为div

js 获得某节点的子节点,已知该子节点为div,第1张

我试过了,有作用的,你要么就委派事件,如果还不可以的话,delegate知道吧???

<!DOCTYPE HTML>

<html>

<head>

<meta charset=UTF-8>

<meta name="keywords" content="白菜编辑部">

<title>白菜编辑部</title>

<style type="text/css">

</style>

<script type="text/javascript" src="jquery-180minjs"></script>

<script type="text/javascript">

jQuery (function ($)

    {

    $ ('body')append ('<div class="out"><a></a><h1></h1><div class="btn">btnbtnbtn</div></div>');

    $ ('divout')mouseover (function ()

    {

    $ ('btn')show ();

    })mouseout (function ()

    {

    $ ('btn')hide ();

    });

    });

</script>

</head>

<body>

</body>

</html>

//因为很久没写代码估计有点错误,不过思路是这样,要注意的就是有个方法是获取所有子元素,貌似是childNodes

完全可以分成两个来获取,第一个获取父div的子div,第二个获取子div下的所有li

documentgetElementById("aa")childNodes()//这样就获取了aa下面所有div

同理获取子div下面的li,手打,如果可以解决请给分。谢谢

假设你的html中有以下的div

<div id="id1">

</div>

<div id="id2">

</div>

如果是要获取id是id1的div的数据,获取div里面的内容有两种方式

1,纯js获取数据

var a=documentgetElementById("id1")innerText;

2,jqeury获取数据

var a=$("#id1")html();

<script type="text/javascript">

//jquery获取ID为abc的元素的宽度

alert($("#abc")width());

//js获取ID为abc的元素的宽度

alert(parseInt(documentgetElementById('abc')stylewidth));

</script>

js通过html对象的style属性获取元素属性

获取到的值是包含单位(px像素)的

将获取到的值转化成整数就可去掉单位

parseInt()函数可解析一个字符串,并返回一个整数

语法

parseInt(string,radix)

参数描述

string必需。要被解析的字符串。

radix可选。表示要解析的数字的基数。该值介于2~36之间。

如果省略该参数或其值为0,则数字将以10为基础来解析。

如果它以“0x”或“0X”开头,将以16为基数。

如果该参数小于2或者大于36,则parseInt()将返回NaN。

返回值

返回解析后的数字。

没有直接获取子元素在父元素的序号的方法,需要去循环比对的。

不过,你在循环设置className的时候可以直接把要控制div保存给要被点击的div呀,这样效率高得多

for(var i=0; i<first_length; i++){

first[i3]className='no_click'; //

first[i3]controlTo = second[i3] ;

second[i3]className='no_display';

}

这样first里面的div被点击,只要 被点击的divcontrolTo 就能得到对应的要显示的second组的标签了,非常方便,执行效率也很高。

比如 某个div被点, 只要

thclassName = "click" ;

thcontrolToclassName = "display" 即可 ;

Jquery的遍历,其实就当前位置的元素相对于其他元素的位置的关系进行查找或选取HTML元素。以某项选择开始,并沿着这条线进行移动,或向上(父级)、或向下(子级)、或水平(同级),直到找到目标元素为止,这种移动也被成为对DOM进行遍历。

其实对于DOM来说,这个不陌生,Jquery的遍历也就是在DOM树上上蹿下跳,当然这种上蹿下跳不是没有规则的,胡乱的找是让人鄙视的。通俗的说,在一颗树上(你也在树上,已经爬上去了,哈哈),以你所在的位置为起点,以树上有个桃子为目的地,你的这个起点也就是当前 this ,去移动去摘桃子的过程就是Jquery遍历,所以相对应的Jquery所衍生出的遍历方法可以分为三大类,即Jquery遍历之父级(祖先)、同级(同胞)和子级(后代)三种。

1、首先建立一个父级页面parenthtml,代码如图,一个pop函数方法,一个链接到childhtml的iframe标签。

2、再新建一个childhtml页面,如图,展示一个id=link的div标签,和link的点击事件,因为是调用父级方法,所以需要用到windowparentpop()方法。

3、预览页面,可明显看到parenthtml里面的iframe框架,指向的就是child子页面。

4、点击页面中“调用父级pop方法”的文字链,会提示错误,这是因为没配置好域名等相关设置。

5、打开iis,右键iframe文件夹——“管理文件夹”——“浏览”;即可打开本地测试地址;(如小伙伴没配置iis,需要先配置iis建立站点)。

6、再次点击“调用父级pop方法”的文字链,即可成功d出提示。

以上就是关于js 获得某节点的子节点,已知该子节点为div全部的内容,包括:js 获得某节点的子节点,已知该子节点为div、js获取指定id的元素中多个个div以及div中的li、js如何获取div内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存