Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >javascript当中attributes的用法

javascript当中attributes的用法

马克java社区

修改于 2021-01-28 01:32:09

修改于 2021-01-28 01:32:09

5150

举报

文章被收录于专栏：java大数据java大数据

3.attributes 例 3.1（getElementsByNameNodeListAttributeIEFF.html） <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </HEAD> <BODY> <DIV ID="RESULT"></DIV> <FORM onClick="handleClick(event)"> <INPUT TYPE="checkbox" VALUE="A" NAME="BOX" id="BOX_A" checked="true">Selection A<BR> <INPUT TYPE="checkbox" VALUE="B" NAME="BOX" id="BOX_B">Selection B<BR> <INPUT TYPE="checkbox" VALUE="C" NAME="BOX" id="BOX_C">Selection C<BR> <INPUT TYPE="checkbox" VALUE="D" NAME="BOX" id="BOX_D">Selection D<BR> </FORM> <SCRIPT> function handleClick(event) { myString=''; /* because there is no this method of getElementsByID, ID is unique Document.getElementsByName() (Method) An accessor method for retrieving objects from within the DOM hierarchy specifically according to their NAME value. Property/method value type: NodeList object JavaScript syntax: - myDocument.getElementsByName(aName) Argument list: aName The name of the element to be retrieved */ /*马克-to-win：event.target是最上层的元素，注意这里点击时，一定得点中方格里，如果点在方格外面，则event.target.id 是空值。*/ var event = event||window.event; var eSource =event.srcElement||event.target; nodeListBox=document.getElementsByName("BOX"); /*Element.attributes[] (Collection) A reference to a collection of attribute objects for the HTML tag that the Element object represents. Property/method value type: Attributes object

更多请见：https://blog.csdn.net/qq_43650923/article/details/103050580

本文系转载，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文系转载，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

javascript当中delTRTDIEFF的用法

例 2.5（delTRTDIEFF.html） <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <TITLE> </TITLE> </HEAD> <BODY> <input id="row" type="text" size="2"/>行， <input id="dellastrow" type="button" value="删行"/><br/> <input id="column" type="text" size="2"/>列 <input id="delrowcell" type="button" value="删最后一行的某一格"/><br/><br/> <TABLE id="test" border="1" style="border-collapse:collapse"> <TR> <TD>11</TD> <TD>12</TD> <TD>13</TD> <TD>14</TD> </TR> <TR> <TD>21</TD> <TD>22</TD> <TD>23</TD> <TD>24</TD> </TR> <TR> <TD>31</TD> <TD>32</TD> <TD>33</TD> <TD>34</TD> </TR> </TABLE> </BODY> </HTML> <script> var tab = document.getElementById("test"); function dellastrow() {

马克java社区

2021/01/27

2790

javascript当中delTRTDIEFF的用法

javascript当中getElementsByName的用法

3.getElementsByName 例 3.1 getElementsByName()IEFF.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </HEAD> <BODY> <script type="text/javascript">  </script> <INPUT TYPE="checkbox" onclick="choiceAll(this.checked)" >全选<P> <INPUT TYPE="checkbox" NAME="ch"><BR> <INPUT TYPE="checkbox" NAME="ch"><BR> <INPUT TYPE="checkbox" NAME="ch"><BR> <INPUT TYPE="checkbox" NAME="ch"><BR> <INPUT TYPE="checkbox" NAME="ch"><BR> </BODY> </HTML>

马克java社区

2019/11/27

5180

javascript当中getElementsByName的用法

javascript当中操纵table的用法

2.操纵table 例 2.1（CreateSelectOptionEventPassParamIEFF.html） <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <TITLE></TITLE> </HEAD> <BODY id="bodyq"> <TABLE id="test" border="1" style="border-collapse:collapse"> <TR> <TD>11</TD> <TD>12</TD> <TD>13</TD> <TD>14</TD> </TR> <TR> <TD>21</TD> <TD>22</TD> <TD>23</TD> <TD>24</TD> </TR> </TABLE> </BODY> </HTML> <script> function doimg(event) { var event = event || window.event; var eSource =event.srcElement||event.target; /*马克-to-win：下列实验可以通过event取到。以下的实验证明event.target 就是obj，马克-to-win：event.target是最上层的元素,本例中onChange只有select有，而option并没有onChange这个概念。这就是为什么，event.target这个顶层元素是select,而不是option的原因。详情见例4.1.*/ var obj= document.getElementById("city"); alert("obj===event.target is"+ (obj===eSource)); var inde=eSource.selectedIndex; alert(obj.value+inde); change(inde,obj.value); }

马克java社区

2021/01/26

2600

javascript当中操纵table的用法

javascript当中window open用法

5.window.open 例 5.1（onload&onunloadIEFF.html） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY> The onload event </BODY> </HTML>

马克java社区

2019/10/17

4850

javascript当中window open用法

javascript当中冒泡取消的用法

<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

马克java社区

2020/12/15

5420

javascript当中冒泡取消的用法

dom 对象数组 javascript 游戏

HTML 中的 Element 对象可以通过 Document 对象获取，而 Document 对象是通过 window 对象获取。

GeekLiHua

2025/01/21

750

javascript当中open&close的用法

4.open&close 例 1.4.1（open&closeIEFF.html) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY> <FORM METHOD=POST ACTION="" name="form1"> <INPUT TYPE="text" name="cla"> <INPUT TYPE="button" value="点我" οnclick="choice()" > </FORM> </BODY> </HTML> cla.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD>

马克java社区

2021/01/11

3490

javascript当中open&close的用法

javascript当中冒泡（event bubble）用法

html javascript http

9.冒泡（event bubble）缺省情况下，当几个元素重合，事件从最上层元素开始往下层元素传播。例 9.1（bubbleIEFF.html） <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script type="text/javascript"> function docClick(event) { var event = event || window.event; alert("IE和FF一样：外面文档："+event.type); } //document.captureEvents(Event.CLICK); document.onclick = docClick; </script> <div onClick="var event = event || window.event;alert('里面div：'+event.type);">ie和FF都冒泡从里往外</div> 缺省情况下，当几个元素嵌套重合，事件从最上层元素开始往下层元素传播。例 9.2（bubble1currentTargetsrcElementIEFF.html） <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script type="text/javascript"> function gotClick(event, who) { /* 1) 在ie中没有currentTarget，我们只能用下面的方法：来仿真火狐的效果。 2）马克-to-win：event.target是最上层的元素，event.currentTarget是最底层的元素 */ var event = event||window.event; var eTarget =event.srcElement||event.target; var eCurrentBottomTarget =event.srcElement||event.currentTarget; if (window.navigator.userAgent.indexOf("MSIE") >= 1) 更多请见：https://blog.csdn.net/qq_43650923/article/details/102211582

马克java社区

2019/10/30

6520

javascript当中冒泡（event bubble）用法

（React 框架）React技术

　　当时他们的团队在市面上没找到合适的MVC 框架，就自己写一个 JS 框架，用来架设 instagram（图片分享社交网路），2013年开源

py3study

2020/02/10

1.5K0

（React 框架）React技术

javascript当中document.all[i]的用法

1.document.all[i] document.all[i].tagName和attributes 马克-to-win：注意第三章用 if (document.all) 来判断是不是火狐。和这里不一样。这里是document.all[i]返回所有element（带标签的）而不是Node（包括Text_Node），见后面的DOM，。例 1.1（DocumentAll1IEFF.html） <html xmlns="[url]http://www.w3.org/1999/xhtml[/url]"> <head> <title>Document.All Example</title> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> </head> <body> <TABLE id="tableid4" BORDER=2 CELLPADDING=3></TABLE> <h1>Example Heading</h1> mark-to-win <hr /> <p>This is a <em>paragraph</em>. It is only a <em>paragraph.</em></p> <hr /> <script type="text/javascript"> <!-- var i,origLength; origLength = document.all.length; document.write('document.all.length='+origLength+"<br />"); for (i = 0; i < origLength; i++) { document.write("document.all["+i+"]="+document.all[i].tagName+"<br />"); } /* "*" 传递给 getElementsByTagName() ，返回所有元素的列表*/ var nlAll=document.getElementsByTagName("*"); myAttributesObject = nlAll[5].attributes; // myAttributesObject = document.all[5].attributes; for(i=0; i<myAttributesObject.length; i++) { myAttrib = myAttributesObject[i]; /* Attribute.specified (Property) Whether the value has been specified or not.*/ if(myAttrib.specified==true) document.write("Attribute ("+myAttrib.name+"):"+ "its.value is "+myAttrib.value+"<br>");

马克java社区

2021/01/20

5020

javascript当中document.all[i]的用法

javascript当中Map Area Shape 和onmousemove的用法

例 4.2（MapAreaShapeMouseMoveIEFF.html） <html> <head> <title> img hidefocus="true"必须加,否则ie8中点击map后，会粗线一个contour，轮廓线</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script type="text/javascript"> function showTip(event,txt) { var newDiv = document.getElementById('newDiv'); newDiv.style.display="block"; //clientX是鼠标指针位置相对于窗口客户区域的 x 坐标 newDiv.style.left=event.clientX+10; //必须加上10，如果不加10的话，老会闪烁 newDiv.style.top=event.clientY+5; newDiv.style.position="absolute"; //必须指定这个属性，否则newDiv层无法跟着鼠标动 newDiv.innerHTML="<table class='my'><tr><td>" + txt + "</td></tr></table>";; } function closeTip() { var newDiv = document.getElementById('newDiv'); newDiv.style.display="none"; } </script> <style type="text/css">  </style> </head> <body> <div id="newDiv" style="display: none; z-index: 1;"> </div> <img hidefocus="true" src="markWeChat.jpg" border="0" usemap="#qixyplanetmap" /> <map name="qixyplanetmap" id="planetmap"> <area shape="circle" coords="200,50,50" href ="us.html" target ="_blank" alt="us" onmousemove="showTip(event,'想加微信 <br /> 必须得扫一下<br /> 否则是<br />加不上的<br />知道了吗')" onmouseout="closeTip()" onmousedown="" /> <area shape="rect" coords="0,0,100,100" href ="rect.html" target ="_blank" alt="rect" onmousemove="showTip(event,'想加微信 <br /> 必须得扫一下<br /> 否则是<br />加不上的<br />知道了吗')" onmouseout="closeTip()" onmousedown="" /> </map> < p><b>马克-to-win：注释：</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p> a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标

马克java社区

2019/11/27

5630

javascript当中Map Area Shape 和onmousemove的用法

javascript当中cloneNode的用法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

马克java社区

2021/01/21

4110

javascript当中cloneNode的用法

javascript当中prompt的用法

5.prompt 例 1.5（promptIEFF.html) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <style type="text/css"> #divTest{ background-color:#9F3; /*没有底下的margin为负，fireFox中老有个白边*/ margin-top:-8px; margin-left:-8px; width:500px; height:500px; } </style> </head> <body> <div id="divTest"> body div </div> </body> <script language="javascript" type="text/javascript"> /* 返回值：Property/method value type: String primitive JavaScript syntax: - myResult = myWindow.prompt(aString, aDefaultValue) - myResult = prompt(aString, aDefaultValue) Argument list: aDefaultValue An initial content for the text box aString Some text to explain what to enter

马克java社区

2021/01/12

8120

javascript当中prompt的用法

javascript当中document.forms的用法

2.document.forms 例 2.1（FormActionSubmitIEFF.html） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript">

马克java社区

2021/01/21

6870

javascript当中document.forms的用法

javascript当中radio的用法

5.radio 例 5.1（RadioReferenceIEFF.html） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript"> function clickH() { var form = document.forms[0]; if (form.school[0].checked) { form.school[1].checked = true; } } </SCRIPT> </HEAD> <BODY> <FORM METHOD=POST ACTION=""> 清华<INPUT TYPE="radio" NAME="school" value="th" checked><br> 北大<INPUT TYPE="radio" NAME="school" value="bd"><br> <INPUT TYPE="button" value="变" onClick="clickH()"/> </FORM> </BODY> </HTML> 更多请见：https://blog.csdn.net/qq_43650923/article/details/102515515

马克java社区

2019/11/27

1.9K0

javascript当中radio的用法

javascript当中concat，join,slice用法

javascript 编程算法 java

例 1.3（concat，join,slice） <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <Script> /* 马克-to-win：qixy: Array is a dynamic array. - myArray = new Array(aLength) - myArray = new Array(anItem1, anItem2, anItem3, ...) */ var arr = new Array(1);//arr.length is 1,但是里面的东西是undefined，所以这样写[undefined] /*虽然arr是个object，但是里面的东西是undefined*/ document.write("typeof arr is "+typeof(arr)); var a = new Array(2, 6, 5, "a"); document.write("arr.length is "+arr.length+"a.length is "+a.length); var b = new Array(12, 14); arr[0] = "java"; arr[1] = "intel"; arr[2] = "microsoft"; /* Property/method value type: Array object JavaScript syntax: - myArray.concat(someValues, ...) The result of this method is a new array consisting of the original array, plus the concatenation. The values that are passed to the method are added to the end of the array. If arrays are passed, they are flattened and their individual elements added. The method returns an array consisting of the original Array plus the concatenated values. If Array1 contains "AAA", "BBB", "CCC" and Array2 contains "000", "111", "222", then the method call Array1.concat(Array2) will return an array with all the elements in a single collection. The original arrays will be untouched. */ document.write("arr.toString() is " + arr.toString() + "<br>"); //与无参join()方法等同 var arrconcat=arr.concat(a, b); document.write("arr.concat(a,b) is " + arrconcat + "<br>"); /*Array.join() (Method) Concatenate array elements to make a string. Property/method value type: String primitive JavaScript syntax: - myArray.join(aSeparator) Argument list: aSeparator A string to place between array elements as the array is concatenated to form a string. //无参join()方法默认是用逗号连接 */ document.write("arr.join() is " + arr.join

马克java社区

2019/10/13

5500

javascript当中concat，join,slice用法

JavaScript高级技巧

javascript 编程算法

以上代码要返回true，value必须是一个数组，而且还必须与Array构造函数在同个全局作用域中。（Array是window的属性）如果value是在另外一个iframe中定义的数组，上述代码则返回false。注意：BOM的核心对象时window，它表示浏览器的一个实例。在浏览器中，window对象有双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的global对象。解决上述问题： Object原生的toString()方法，都会返回一个[object NativeConstructorName]格式的字符串。

奋飛

2019/08/15

1.1K0

javascript当中onblur和onfocus用法

例 1.1 onblur和onfocus onblur失去焦点和onfocus得到焦点事件。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY onload="document.getElementById('u').focus()"> we can not leave the following input blank. 用户名：<INPUT id="u" TYPE="text" NAME="" onblur="check(this)" onfocus="rese()"><span id="error"></span><BR> </BODY> </HTML> 更多请见：https://blog.csdn.net/qq_43650923/article/details/100175654

马克java社区

2019/10/16

6570

javascript当中onblur和onfocus用法

JavaScript 语言入门

正则表达式 javascript 编程算法

Javascript 语言诞生主要是完成页面的数据验证。因此它运行在客户端，需要运行浏览器来解析执行 JavaScript 代码。

愷龍

2022/09/26

4.4K0

JavaScript 语言入门

javascript当中Element如何用 getAttribute和 setAttribute

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

马克java社区

2021/01/28

5570

javascript当中Element如何用 getAttribute和 setAttribute

相关推荐

javascript当中delTRTDIEFF的用法

更多 >