前端路上的各种问题-javascript-3

1.legend（fieldset+legend）的使用,可以用<legend align='center'>居中内容，也可以用top,buttom,left,right,但是建议用CSS样式代替。在 HTML 4.01 中，align 属性不被赞成使用。同时，在 XHTML 1.0 Strict DTD 中，align 属性不被支持。DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

2.对input或者textarea去除默认的格式:{outline:none;resize:none;}

3.让textarea前面的提示信息在textarea前面垂直居中的代码：（首先父元素height设置为60px，然后第一个div用float脱离文档流，这时候会左浮动到父元素的最左边，通过把position设置为relative，然后通过left的取值可以向右边移动，同时line-height可以居中单行文本。至于textarea，把height设置为父元素的高度就可以了！结果如下图，也可以用table布局来完成。）

  <div style="height:60px;">
               <div style="float:left;position:relative;left:200px;line-height:60px;">备注信息:</div> 
              <textarea id="note" style="height:60px;" name="note"></textarea>
  </div>

<table>
       <tr>
              <td valign="middle">备注信息</td>
                <td><textarea>我是</textarea></td>
       </tr>
  </table>

4.document.anchors返回的只有该超链接具有name属性就包含在这个集合中，但是document.links必须要有href属性才会在这个集合中。他们返回的都是HTMLCollection对象，该对象具有item（）和namedItem()方法。但是一个相似的集合NodeList却只有item（）方法，如element.childNodes将会返回一个NodeList对象。namedItem只要该元素含有的id或者name和传入的参数一样就会被返回，但是item（）方法传入的是下标，如果不是有效的下标，就会返回第0个.如item("xx");同时，还有一个类似的NamedNodeMap，如获取一个元素的attributes就是一个NamedNodeMap,里面存放的都是Attr对象,他具有setNamedItem(),getNamedItem(),removeNamedItem(),Item()等方法.

  getElementByTagName以及getElementByName都返回HTMLCollection对象

5.属性的值和getAttribute返回的值不一样的情况。div.style返回的是'[object CSSStyleDeclaration]',但是通过div.getAttribute(‘style’)返回的是css文本;对于onclick事件来说:<a id="yy" name="second" onclick="var name='xx'>通过的a.getAttrubute('onclick')返回'var name="xx"'但是如果通过属性访问则返回函数：

 function click(event){var name="xx"}