javascript,取数组序号(索引号),怎么会无效,怎么办

javascript,取数组序号(索引号),怎么会无效,怎么办,第1张

你这代码运行起来的结果是,无论点哪个,d出的都是4。

因为在你点击的时候,i 的值已经通过for循环加到4了。

for(i=0;i<4;i++){

dde[i]onclick=function(){

thisstylebackgroundColor="#00FF00";

for(var ii=0;ii<4;ii++){

if(dde[ii]==this){alert(ii);}

}

}

putArr=documentgetElementsByClassName() ()("input的class名称");

putArr=documentgetElementById()("input的id");

putArr=documentgetElementsByName("input的名称");

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

alert(inputArr[i]id);

}

扩展资料

Document 对象事件

1、onactivate,当对象设置为活动元素时触发。

2、onbeforeactivate,对象要被设置为当前元素前立即触发。

3、onbeforecut,当选中区从文档中删除之前在源对象触发。

4、onbeforedeactivate,在 activeElement 从当前对象变为父文档其它对象之前立即触发。

5、onbeforeeditfocus,在包含于可编辑元素内的对象进入用户界面激活状态前或可编辑容器变成控件选中区前触发。

6、onbeforepaste,在选中区从系统剪贴板粘贴到文档前在目标对象上触发。

7、onclick,在用户用鼠标左键单击对象时触发。

8、onmouseover,鼠标指针移到对象时触发

9、onmouseout,鼠标指针移出对象时触发 

Document 对象方法

1、attachEvent,将指定函数绑定到事件,以便每当该事件在对象上触发时都调用该函数。

2、clear,目前尚未支持。

3、close,关闭输出流并强制将数据发送到显示。

4、createAttribute,以指定名称创建 attribute 对象。

5、createComment,以指定数据创建 comment 对象。

6、createDocumentFragment,创建一个新文档。

7、createElement,为指定标签创建一个元素的实例。

8、createEventObject,生成当使用 fireEvent 方法时用于传递事件相关信息的 event 对象。

9、createStyleSheet,为文档创建样式表。

10、createTextNode,从指定值中创建文本字符串。

11、detachEvent,从事件中取消指定函数的绑定,这样当事件触发时函数就不会收到通知了

12、write(),动态向页面写入内容

13、createElement(Tag),创建一个html标签对象  

14、getElementById(ID),获得指定ID值的对象  

15、getElementsByName(Name),获得指定Name值的对象

示例

下面的例子使用了 document 对象检查文档标题并在消息框中显示该标题(如果非空)。

if (documenttitle!="") alert("标题为 " + documenttitle)下面的例子演示了在浏览器的状态栏上显示鼠标当前位置的事件句柄函数,所得位置相对于文档的左上角。

<HTML>

<HEAD>

<TITLE>报告鼠标移动</TITLE>

<SCRIPT LANGUAGE="JScript">

function reportMove(){

windowstatus = "X=" + windoweventx + " Y=" + windoweventy;

}

</SCRIPT>

<BODY onmousemove="reportMove()">

<H1>欢迎!</H1>

</BODY>

</HTML>

参考资料:

百度百科:document对象

1、var a = documentgetElementById("test")getElementsByTagName("div");

代码的test的父标签id的值,div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。

2、var b =documentgetElementById("test")childNodes;

使用childNodes获取子节点的时候,childNodes返回的是子节点的集合,是一个数组的格式。他会把换行和空格也当成是节点信息。

扩展资料:

js获取父节点的方式:

1、parentNode获取父节点

获取的是当前元素的直接父元素。parentNode是w3c的标准。

var p  = documentgetElementById("test")parentNode

2、parentElement获取父节点

parentElement和parentNode一样,只是parentElement是ie的标准。

var p1 = documentgetElementById("test")parentElement;

3、offsetParent获取所有父节点

一看offset我们就知道是偏移量 其实这个是于位置有关的上下级 ,直接能够获取到所有父亲节点, 这个对应的值是body下的所有节点信息。

var p2 = documentgetElementById("test")offsetParent;

1JS方法:

<script>windowonload=function(){

var va = documentgetElementById("d1")childNodes;

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

if(va[i]nodeNametoLocaleUpperCase() == "A"){

alert("JS: "+va[i]attributes["linkId"]nodeValue);

}

}

};

</script>

2 Jquery方法:

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

<script>

$(document)ready(function(){

$("#d1 a")each(function(){

alert("Jquery: "+$(this)attr("linkId"));

});

});

</script>

JS 获取HTML标签内的子节点的方法

子节点的个数:

documentgetElementById("id")childNodeslength  

注意: 标签开/闭合算2个节点 第几个子几点:

documentgetElementById("id")childNodes[n]  

示例:

这里是 length-4 处,margin-left:20px

输出:length=8

实例:

<div id="page_kx" style="text-align: center;" class="tac">    <span class="fy2">1</span>  <a href="#">2</a>  <a href="#">3</a>  <a href="#">4</a>  <a href="#">5</a>  <a href="#">下一页</a>  <a href="#">末页</a>  </div>    <script>  var gor=documentgetElementById("page_kx");  var gorL=Number(gorchildNodeslength)-4;  gorchildNodes[gorL]stylemargin="0 0 0 20px";  </script>  

使用JavaScript获取某个元素的属性值可以使用jQuery中的选择器+attr()方法。

工具原料:编辑器、浏览器

1、实现的思路是先使用选择器通过id获取到这个元素,然后使用attr方法获取某个属性的值,代码如下:

<div id="div1" class="test">

</div>

<script>

consolelog($('#div1')attr('class'));

</script>

2、运行的结果是获取到了class的值test,如下图:

系统时间一般是值服务端时间,js获取服务端时间的方法是直接用ajax获取。

1、编写显示时间的页面:

<html>

<head>

<meta >

<script language="javascript">

function getselectvalue()

{

var rtl=documentgetElementById("rtl");

alert(rtloptions(rtlselectedIndex)value);

}

</script>

以楼上的数据来用

<select name="sel" id="rtl" >

<option>菜单一</option>

<option>菜单二</option>

<option>菜单三</option>

</select>

<input type="button" onclick="getselectvalue()" value="d出下拉列表的值" />

加分咯!很辛苦的

以上就是关于javascript,取数组序号(索引号),怎么会无效,怎么办全部的内容,包括:javascript,取数组序号(索引号),怎么会无效,怎么办、js 怎么循环获得很多 name 相同的input 的ID 值、js如何获取某id的子标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存