易语言的标签如何获取显示网页中DIV元素的名称.......

易语言的标签如何获取显示网页中DIV元素的名称.......,第1张

实现方法:

版本 2

子程序 _按钮1_被单击

局部变量 文本1, 逻辑型

局部变量 文本2, 文本型

初始化_填表 ()

填表DIV_取属性 (24, 文本2)

编辑框1内容 = 文本2

输出调试文本 (文本2)

<div id="d1">

<div>a</div>

<div>b</div>

<div>c</div>

</div>

var d = documentgetElementById("d1");

var divs = dchildNodes;

//或者 var divs=dgetElementsByTagName("div");

//区别在childNodes是获取全部子节点

//getElementsByTagName是获取这个节点内的所有div节点,不管是子节点或孙节点

for(var i=0;i<divslength;i++)

{

alert(divs[i]innerText);

}

这样,不过要先获取最外面那个div的引用

var

smalls

=

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

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

li

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

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

<!--

修正一个信息:任何元素命名,都不可能是数字开头的,所以,你这里的id=1,id=2,id=3,这种写法是完全错误的!

-->

<html>

<head>

<style>

div{height:30px;width:100px;border:1px solid black;}

</style>

</head>

<body>

id2:<div id="id2">text2</div><br>

id4:<div id="id4">text4</div><br>

id6:<div id="id6">text6</div><br>

<script type="text/javascript">

function js(){

documentgetElementById("id1")innerHTML=documentgetElementById

("id2")innerHTML;

documentgetElementById("id3")innerHTML=documentgetElementById

("id4")innerHTML;

documentgetElementById("id5")innerHTML=documentgetElementById

("id6")innerHTML;

}

</script>

<input type="button" onclick="js()" value="请点击"><br>

id1:<div id="id1"></div><br>

id3:<div id="id3"></div><br>

id5:<div id="id5"></div><br>

</body>

</html>

假设你的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();

如果是jQuery就很好做:

var arr=$('#total')children('firstChild');//获取类firstChild的三个节点

然后遍历,获取子节点:

var list=[];//存放子节点

for(var i=0,len=arrlength;i<len;i++){

    var ele=$(arr[i])children();

    if(ele) listpush(ele);//我习惯判断一下ele是否有值,如果没有子节点的话:ele=undefined

}

以上就是关于易语言的标签如何获取显示网页中DIV元素的名称.......全部的内容,包括:易语言的标签如何获取显示网页中DIV元素的名称.......、在一个div里有N多子div,是动态循环进去的,我想取第N个div,子div都没有ID的,如何取、js怎么获取div下子元素的子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://www.outofmemory.cn/web/9741523.html

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

发表评论

登录后才能评论

评论列表(0条)

保存