认识DOM
文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。1.有问题的代码展示:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document.getElementById</title> </head> <body> <p id="con">JavaScript</p> <script type="text/javascript"> var mychar=document.getElementById("con"); document.write("结果:"+mychar); //输出获取的P标签。 </script> </body> </html>正确代码:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document.getElementById</title> </head> <body> <p id="con">JavaScript</p> <script type="text/javascript"> var mychar=document.getElementById("con").innerHTML; document.write("结果:"+mychar); //输出获取的P标签。 </script> </body> </html>解析原因:
document.getElementById(“id”) 获取到的是整个对象, document.getELementById(“id”).innerHTML;才可以获取到其中的内容. document.getElementById(‘con’)获取的只是P标签,返回的是[objectHTMLParagraphElement], document.getElementById(‘con’).innerHTML获取的才是P标签里的内容,返回的是JavaScript.