JavaScript之DOM管理常见错误：

最新推荐文章于 2023-10-29 00:30:37 发布

sd訫訴sd

最新推荐文章于 2023-10-29 00:30:37 发布

阅读量355

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_35864862/article/details/77752667

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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

sd訫訴sd

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript之DOM管理常见错误：

认识DOM文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。1.有问题的代码展示：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
复制链接

扫一扫

专栏目录