(1)
<input type="text" maxlength="20" size="10">
size决定可视区域,maxlength决定可视区域以外到底可以存放多少字符。
maxlength曾经错写成maxsize,呵呵,maxlength里头有个ml。。。。
maxlength比较精确,如果值为20,那么就一定只能装20个,而size在不同浏览器下有些差异,如果值为10,视觉看上去可能是11或者12,甚至9,所以还是给input定义精确的width更靠谱些。
(2)
<ul id="f">
<li>1</li>xx
<li>2</li>mm
</ul>
ul下有5个子节点:2个元素节点,3个文本节点。删除ul下所有文本节点:
var ulNode=document.getElementById("f");
var childArr=ulNode.childNodes;
for(var i=0;i<childArr.length;i++){
if(childArr[i].nodeType==3){
childArr[i].parentNode.removeChild(childArr[i]);
}
};
alert(childArr.length); //2
(3)
<fieldset>
<legend>xx</legend>
<p>cute murphy</p>
</fieldset>
感觉legend这样的单词怎么会用在这里呢。。。。传奇。。。
(4)
var img1=new Image();
img1.src="http://i3.6.cn/60/b7/p144641346812766.jpg";
chrome调试工具的network里,看到了img资源的加载,可以实现所谓的预加载。
(5)