JavaScript之DOM管理常见错误：

来源：互联网发布：哈尔滨飞扬软件编辑：程序博客网时间：2024/06/06 17:49

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

阅读全文

0 0