JavaScript之HTML DOM 实例.docVIP

Anchor 对象 更改一个链接的文本、URL 以及 target a id=myAnchor href=访问 Microsoft/a input type=button onclick=changeLink() value=改变链接 function changeLink() { document.getElementById(myAnchor).innerHTML=访问 W3School document.getElementById(myAnchor).href= document.getElementById(myAnchor).target=_blank } 使用 focus() 和 blur() a id=myAnchor href=访问 W3S/a input type=button onclick=getfocus() value=获得焦点 input type=button onclick=losefocus() value=失去焦点 function getfocus() {document.getElementById(myAnchor).focus()} function losefocus() {document.getElementById(myAnchor).blur()} 向超链接添加快捷键 function accesskey() { document.getElementById(w3).accessKey=w document.getElementById(w3dom).accessKey=d } function accesskey() { document.getElementById(w3).accessKey=w document.getElementById(w3dom).accessKey=d } a id=w3 href=/W3S/a （请使用 Alt + w 给该链接赋予焦点） a id=w3dom href=/htmldom/HTML DOM/a （请使用 Alt + d 为该链接赋予焦点） Document 对象 使用 document.write() 向输出流写文本 document.write(Hello World!) 使用 document.write() 向输出流写 HTML document.write(h1Hello World!/h1) 返回当前文档的标题 document.write(document.title) 返回当前文档的 URL document.write(document.URL) 返回当前文档的 referrer document.write(document.referrer) 返回下载当前文档的服务器域名 document.write(document.domain) 使用 getElementById() function getValue() { var x=document.getElementById(myHeader) alert(x.innerHTML) } h1 id=myHeader onclick=getValue()这是标题/h1 p点击标题，会提示出它的值。/p 使用 getElementsByName() function getElements() { var x=document.getElementsByName(myInput); alert(x.length); } input type=button onclick=getElements() value=名为 myInput 的元素有多少个？ / 打开一个新的文档，添加一些文本，然后关闭它。 function createNewDoc() { var newDoc=document.open(text/html,replace); var txt=htmlbody学习 DOM 非常有趣！/body/html; newDoc.write(txt); newDoc.close(); } input type=button value=打开并写入一个新文档 onclick=createNewDoc() 返回文档中锚的数目 a name=first第一个锚/abr / a name=second第二个锚/abr / a name=third第三个锚/abr / document.write(document.anchors.length) 返回文档中第一个锚的 innerHTML document.write(document.anchors[0].innerHTML) a name=first第一个锚/abr /