JavaScript之DOM管理常见错误:

xiaoxiao2021-02-28  82

认识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.

转载请注明原文地址: https://www.6miu.com/read-55465.html

最新回复(0)