JavaScript第十九、二十讲总结.docVIP

第十九节——二十节课： 生成一个数组（Array），可以在数组中的每个元件中再添加一个数组，即数组的嵌套，如var Arrays=new Array( )，Arrays[0]=[……]，Arrays[1]=[……]，……，可以利用数组的嵌套利用循环一次性拿取大量的值；数组的索引号还可以定义为特殊的索引，有时为了便于区分，可以将索引定义为字符串，将来只能利用该字符串来取数组里的值。 当select对象中的option选项未选中时，select对象的selectedIndex返回为-1，即如果select对象的selectedIndex==-1，则表示option选项未选中；select对象的add方法后面的括号里跟的是一个新实例化的option对象，而remove方法后面的括号里跟的是所要删除的option选项的索引号，一般用select对象的selectedIndex属性代替。 要利用函数的形参，将问题简单化。 html中的标签的事件中用于调用JavaScript代码，故只要是JavaScript代码就可以写在html标签的事件中；append表示追加，父对象.appendChild(子对象)表示追加一个子对象，放在父对象原有子对象的后面。 要在一个对象中添加子对象，有下列几种方法： 第一，将要添加的子对象定义为一个模板（Template），即将这个对象写出来，如果不想让之直接显示在页面，可以利用css中的display=none来让它隐藏；然后拿到这个对象，再拿到父对象，利用父对象.innerHTML=父对象.innerHTML+子对象.innerHTML将子对象里的内容添加到父对象里，可以连续多次添加。第二，做法与第一种基本相同，也是要将父对象和子对象都拿到，然后利用父对象.insertAdjacentHTML(“beforeEnd”,子对象)将子对象可以连续添加到父对象中；object.insertAdjacentHTML(where,text)表示将text添加到object的where，where这个参数有四种，分别为beforeBegin（表示在object标签开始前添加）、afterBegin（表示在object标签开始后添加）、beforeEnd（表示在object标签结束前添加）和afterEnd（表示在object标签结束后添加），这些参数都是以字符串的形式给出。第三，利用对象.appendChild(子对象)来将子对象添加到父对象中，但要注意的是appendChild方法是将子对象彻底追加到了父对象中，也即在追加之后子对象就只存在于追加到的父对象中，在其原来位置的模板则不复存在，而上面两种方法都可以无限次添加子对象，它们在原本的模板位置还存在，这就是第三种方法与前两种方法的最大区别。 要删除一个对象也有以下一些方法：第一，父对象.removeChild(子对象)来删除；第二，如果是数组，如果是一个下拉列表select对象，则用对象.options.length=0来删除对象中所有option选项；第三，直接将一个对象（可以写文本）的innerHTML赋为空值，比如要删除一个div里的所有内容（包括里面的文本内容以及HTML标签），则可以用对象.innerHTML=””来做，只剩下对象本身。 Dom动态操作 element.firstChild element元素的第一个子节点，如果是表格里面tr对象的firstChild，则指的是tr里面的第一个td对象，body里的firstChild则指的是其里面的第一个元件对象；而如果是table对象的话，其firstChild则指的是其tbody，一个表格一般只有一个tbody，故表格（table）的firstChild和lastChild两者的结果都是tbody对象，即只有一个tbody对象，既是firstChild，又是lastChild。 element.lastChild element元素的最后一个子节点，也即最后一个下级对象，如果对象元素中只有一个子对象（比如table里面的tbody），即子节点，则有下列等式，即其element.firstChild=element.lastChild。 element.parentNode element元素的父节点，即上级对象，比如body里的table，其中，td的parentNode是tr，tr的parentNode是table，table的parentNode是body，body的parentNode是html。 element.nextSibling element元素的下一个兄弟节点，即与element元素并列（属于同级）的下一个元素标签；如一个table里面的tr元素，其nextSiblin