1. 程式人生 > 其它 >javascript當中attributes的用法

javascript當中attributes的用法

javascript當中attributes的用法

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