以面的问题可真是不是问题的问题，如果遇到同样的问题的朋友看看是否也是犯了同样的错?br />
最后发现是一个中文的I格Q我在删除该变量时发现有一个空格的距离较大?/p>
document 文挡对象 - JavaScript脚本语言描述
---------------------------------------------------------------------
?span lang="EN-US">:面上元?span lang="EN-US">name属性和JavaScript引用的名U必M致包括大写
否则会提CZ一个错误信?span lang="EN-US"> "引用的元素ؓI或者不是对?span lang="EN-US">"
---------------------------------------------------------------------
对象属?span lang="EN-US">
document.title //
讄文标题{h(hun)?span lang="EN-US">HTML?span lang="EN-US"><title>标签
document.bgColor //
讄面背景?span lang="EN-US">
document.fgColor //
讄前景?span lang="EN-US">(文本颜色)
document.linkColor //
未点击过的链接颜?span lang="EN-US">
document.alinkColor //
Ȁz链?span lang="EN-US">(焦点在此链接?span lang="EN-US">)的颜?span lang="EN-US">
document.vlinkColor //
已点击过的链接颜?span lang="EN-US">
document.URL //
讄URL属性从而在同一H口打开另一|页
document.fileCreatedDate //
文g建立日期Q只d?span lang="EN-US">
document.fileModifiedDate //
文g修改日期Q只d?span lang="EN-US">
document.fileSize //
文g大小Q只d?span lang="EN-US">
document.cookie //
讄和读?span lang="EN-US">cookie
document.charset //
讄字符?体中?span lang="EN-US">:gb2312
---------------------------------------------------------------------
对象Ҏ(gu)
document.write() //
动态向面写入内容
document.createElement(Tag) //
创徏一?span lang="EN-US">html标签对象
document.getElementById(ID) //
获得指定ID值的对象
document.getElementsByName(Name) //
获得指定Name值的对象
---------------------------------------------------------------------
images
集合(面中的图象)
a)
通过集合引用
document.images //
对应面上的<img>标签
document.images.length //
对应面?span lang="EN-US"><img>标签的个?span lang="EN-US">
document.images[0] //
W?span lang="EN-US">1?span lang="EN-US"><img>标签
document.images[i] //
W?span lang="EN-US">i-1?span lang="EN-US"><img>标签
b)
通过nane属性直接引?span lang="EN-US">
<img name="oImage">
document.images.oImage //document.images.name
属?span lang="EN-US">
c)
引用囄?span lang="EN-US">src属?span lang="EN-US">
document.images.oImage.src //document.images.name
属?span lang="EN-US">.src
d)
创徏一个图?span lang="EN-US">
var oImage
oImage = new Image()
document.images.oImage.src="/1.jpg"
//
同时在页面上建立一?span lang="EN-US"><img>标签与之对应可以显C?span lang="EN-US">
<html>
<img name=oImage>
<script language="javascript">
var oImage
oImage = new Image()
document.images.oImage.src="/1.jpg"
</script>
</html>
----------------------------------------------------------------------
forms
集合(面中的表单)
a)
通过集合引用
document.forms //
对应面上的<form>标签
document.forms.length //
对应面?span lang="EN-US"><form>标签的个?span lang="EN-US">
document.forms[0] //
W?span lang="EN-US">1?span lang="EN-US"><form>标签
document.forms[i] //
W?span lang="EN-US">i-1?span lang="EN-US"><form>标签
document.forms[i].length //
W?span lang="EN-US">i-1?span lang="EN-US"><form>中的控g?span lang="EN-US">
document.forms[i].elements[j] //
W?span lang="EN-US">i-1?span lang="EN-US"><form>中第j-1个控?span lang="EN-US">
b)
通过标签name属性直接引?span lang="EN-US">
<form name="Myform"><input name="myctrl"></form>
document.Myform.myctrl //document.
表单?span lang="EN-US">.控g?span lang="EN-US">
-----------------------------------------------------------------------
<html>
<!--Text
控g相关Script-->
<form name="Myform">
<input type="text" name="oText">
<input type="password" name="oPswd">
<form>
<script language="javascript">
//
获取文本密码框的?span lang="EN-US">
document.write(document.Myform.oText.value)
document.write(document.Myform.oPswd.value)
</script>
</html>
-----------------------------------------------------------------------
<html>
<!--Select
控g相关Script-->
<form name="Myform">
<select name="oSelect">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>
<script language="javascript">
//
遍历select控g?span lang="EN-US">option?span lang="EN-US">
var length
length=document.Myform.oSelect.length
for(i=0;i<length;i++)
document.write(document.Myform.oSelect[i].value)
</script>
<script language="javascript">
//
遍历optionƈ且判断某?span lang="EN-US">option是否被选中
for(i=0;i<document.Myform.oSelect.length;i++){
if(document.Myform.oSelect[i].selected!=true)
document.write(document.Myform.oSelect[i].value)
else
document.write("<font color=red>"+document.Myform.oSelect[i].value+"</font>")
}
</script>
<script language="javascript">
//
Ҏ(gu)SelectedIndex打印出选中?span lang="EN-US">option
//(0
?span lang="EN-US">document.Myform.oSelect.length-1)
i=document.Myform.oSelect.selectedIndex
document.write(document.Myform.oSelect[i].value)
</script>
<script language="javascript">
//
动态增?span lang="EN-US">select控g?span lang="EN-US">option?span lang="EN-US">
var oOption = document.createElement("OPTION");
oOption.text="4";
oOption.value="4";
document.Myform.oSelect.add(oOption);
</script>
<html>
-----------------------------------------------------------------------
<Div id="oDiv">Text</Div>
document.all.oDiv //
引用囑ֱoDiv
document.all.oDiv.style
document.all.oDiv.style.display="" //
囑ֱ讄为可?span lang="EN-US">
document.all.oDiv.style.display="none" //
囑ֱ讄为隐?span lang="EN-US">
/*document.all
表示document中所有对象的集合
只有ie支持此属性，因此也用来判断浏览器的种c?span lang="EN-US">*/
-----------------------------------------------------------------------
]]>
]]>
]]>
java.lang.Integer.parseInt(Integer.java:489)
以上的错误是因ؓ一个空D强制转换成int型。ؓ什么会是一个空值呢Q是因ؓ在JSP中form的TEXT没有输入g到servlet中。servlet是用Integer.parseInt(request.getParameter("vehFrom"))来取JSP中的?的。要解决q个问题很简单，可是初学者常会遇到这L问题。废话少说还是说怎么解决了的吧?BR>只要在servlet中将q个值做一个空值处理?BR>if((jcf.retuPara(request,"vehFrom")).length()<=0){
vehFromNo = 0;
}else{
vehFromNo = Integer.parseInt(jcf.retuPara(request,"vehFrom"));
}
要注意一Ҏ(gu)JSP传到servlet中如果没有输入值是NULL倹{我q里用了一个自己写的retuParaQ）Ҏ(gu)是处理NULL的。把NULL处理成“”?BR>好了Q搞定?BR>
]]>
replaceChild()--在childNodes集合U用指定的newChild来代替oldChild;如果代替成功,则返回oldChild;如果newChild是null,则只需删除oldChild卛_?BR>
removeChild()--从节点的ChildNodes集合中删除removeChild指定的节?如果删除成功,则返回删除的子节炏V?BR>
appendChild()--d一个新节点到childNodes集合的末?如果成功,则返回新节点?BR>
cloneNode()--创徏一个新的、复制的节点,q且如果传入的参数是true?q将复制子节?如果节点是一个元?那么q将复制相应属?q回新的节点?BR>
Z在一|档树中访问或者徏立一个新的节?可以用下面这些方?
getElementById()
getElementsByTagName()
createElement()
createAttribute()
createTextNode()
注意:在一个页面中只有一个文对?除了getElementsByTagName()?其它Ҏ(gu)均只能通过document.methodName()调用?BR>再看一下下面这个例?
<html>
<head>
<title></title>
</head>
<body>
<p>This is a sample paragraph.</p>
<SCRIPT LANGUAGE="JavaScript">
<!--
alert(document.documentElement.lastChild.firstChild.tagName);
//-->
</SCRIPT>
</body>
</html>
l果会昄"P",下面是一些解?BR>document.documentElement - gives the page's HTML tag.
lastChild - gives the BODY tag.
firstChild - gives the first element in the BODY.
tagName - gives that element's tag name, "P" in this case.
另一?
<html>
<head>
<title></title>
</head>
<body>
<p>This is a sample paragraph.</p>
<SCRIPT LANGUAGE="JavaScript">
<!--
alert(document.documentElement.lastChild.firstChild.tagName);
//-->
</SCRIPT>
</body>
</html>
q个例子和上面ƈ没有什么大的区?仅仅是多了一个空?但是在NS?会自动ؓI加上一个节Ҏ(gu)以返回值是"undefined",而在IE中将跌I仍然指向P标签?BR>
更常用的Ҏ(gu):
<p id="myParagraph">This is a sample paragraph.</p>
...
alert(document.getElementById("myParagraph").tagName);
q种Ҏ(gu)你不用关心节点在文树的哪一个地?而只要保证在面中它的IDh唯一的就可以了?BR>
接下来一U访问元素节点的Ҏ(gu)是document.getElementsByTagName(),它的q回值是一个数l?例如你可以通过下面的例子改变整个页面的q接Q?BR>var nodeList = document.getElementsByTagName("A");
for (var i = 0; i < nodeList.length; i++)
nodeList[i].style.color = "#ff0000";
attribute和attributes
attribute对象和元素相?但是却没有被认ؓ是文档树的一部分,因此属性不能作为子节点集合的一部分来用?BR>有三U方法可以ؓ元素建立新的属?BR>1.
var attr = document.createAttribute("myAttribute");
attr.value = "myValue";
var el = document.getElementById("myParagraph");
el.setAttributeNode(attr);
2.
var el = document.getElementById("myParagraph");
el.setAttribute("myAttribute", "myValue");
3.
var el = document.getElementById("myParagraph");
el.myAttribute = "myValue";
你可以在html标签U定义自q属?
<p id="myParagraph" myAttribute="myValue">This is a sample paragraph.</p>
...
alert(document.getElementById("myParagraph").getAttribute("myAttribute"));
q回值将?myValue".但是h意这里必M用getAttribute,而不是AttributeName,因ؓ有一些浏览器q不支持自定义属性?BR>
attributes也可以被L的从一个元素中删除,你可以用removeAttribute()或者将element.attributeName指向一个null倹{?BR>通过attributes我们可以生一些动态效果：
<p id="sample1" align="left">Text in a paragraph element.</p>
... code for the links ...
document.getElementById('sample1').setAttribute('align', 'left');
document.getElementById('sample1').setAttribute('align', 'right');
另一U?
<p id="sample2" style="text-align:left;">Text in a paragraph
element.</p>
... code for the links ...
document.getElementById('sample2').style.textAlign = 'left';
document.getElementById('sample2').style.textAlign = 'right';
跟上面的例子一?展示了可用通过元素修改style中的属?甚至是class中的.唯一要提到的是textAlign是从style中的text-align中演变而来?有一条基本规?是style中的属性如果出?则在dom中将会被Lq且随后的一个字母将改ؓ大写,q有一点就是如果即使元素中没有style属?上述例子同样可以使用?BR>
text nodes:
先看一下例子：
<p id="sample1">This is the initial text.</p>
... code for the links ...
document.getElementById('sample1').firstChild.nodeValue =
'Once upon a time...';
document.getElementById('sample1').firstChild.nodeValue =
'...in a galaxy far, far away';
首先text nodesq没有像elements那样hid属?所有它q不能直接通过document.getElementById()或者document.getElementsByTagName()讉K
看一下下面的l构也许会更明白一些：
可以看出通过document.getElementById('sample1').firstChild.nodeValue可以读取或者设|text nodes的g?BR>
另一个更加复杂一点的例子Q?BR><p id="sample2">This is the <b>initial</b> text.</p>
它的文l构
在这里通过document.getElementById('sample1').firstChild.nodeValue讲仅仅改?This is the"
?B>initial text.不会改?在这里大家应该看C它和innerHTML的不同了.当然你也可以q样用：
document.getElementById('sample3').firstChild.nodeValue =
'<b>Once</b> upon a time...';
document.getElementById('sample3').firstChild.nodeValue =
'...in a galaxy <i>far, far</i> away';
其中的html代码不会被解释,览器将把他们当成普通的文本来显C?BR>
创徏和删除text nodes:
var myTextNode = document.createTextNode("my text");
通过上面的代码你可以创徏一个新的text node,但是它ƈ不是文树的一部分,要让它显C在面上就必须让它成ؓ文树中某一个节点的child,因ؓ
text nodes不能有儿?所以你不能它加入C个text nodes?attribute也不属于文档树的一部分,q条路也不行,现在只剩下elements nodes
?以下的例子展CZ如何d和删除一个text nodeQ?BR><p id="sample1">Initial text within a paragraph element.</p>
... code to add a text node ...
var text = document.createTextNode(" new text " + (++counter1));
var el = document.getElementById("sample1");
el.appendChild(text);
... code to remove the last child node ...
var el = document.getElementById("sample1");
if (el.hasChildNodes())
el.removeChild(el.lastChild);
增加文本是很Ҏ(gu)?上面的代码徏立了一个新的text nodeq且通过appendChild()Ҏ(gu)其加入到childNodes数组的末?q设|了一个counter1的全局变量,利于观察
hasChildNodes()的返回值是true or false;用来判断当前节点是否q有child,以阻止当其没有child的时候调用removeChild()产生的错误?BR>
创徏element nodes
有了上面的基,应该更容易理解了,先看一下下面的代码
<div id="sample1">This text is in a DIV element.</div>
... code for the link ...
var paraEl, boldEl;
paraEl = document.createElement("p");
boldEl = document.createElement("b");
paraEl.appendChild(document.createTextNode("This is a new paragraph with "));
boldEl.appendChild(document.createTextNode("bold"));
paraEl.appendChild(boldEl);
paraEl.appendChild(document.createTextNode(" text added to the DIV"));
document.getElementById("sample1").appendChild(paraEl);
你还可以直接为新加的element nodes讄attribute,以下两种都可?
boldEl.style.color = "#ffff00";
paraEl.appendChild(boldEl);
或?
paraEl.appendChild(boldEl);
boldEl.style.color = "#ffff00";
?此文主要来自于一些英文资料和w边的一些参考书,如果有错误大家请指出,一赯?DOM我一点也不熟?BR>
]]>