js的一些困惑

最新推荐文章于 2025-08-12 14:37:12 发布

转载最新推荐文章于 2025-08-12 14:37:12 发布 · 88 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/drsky/p/5488819.html

文章标签：

#javascript #ViewUI

本文介绍如何使用JavaScript通过getElementById方法获取DOM元素，并演示了nodeValue与innerHTML的区别，以及如何正确读取元素的文本内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　nodeName,nodeValue

使用时脚本需要写在元素之后，才能正确执行，比如：

<p id = "demo">hello world!</p>

<script>

var value1 = document.getElementById("demo");

document.write(value1.firstChild.nodeValue);

</script>

如果前面就会报错:

Uncaught TypeError: Cannot read property 'firstChild' of null

<p id="demo">hello world!</p>
<script type="text/javascript">

var value1 = document.getElementById("demo");

//在上面的例子中，getElementById 是一个方法，而 innerHTML 是属性。
//innerHTML 属性可用于获取或改变任意 HTML 元素，包括 <html> 和 <body>
document.write(value1.nodeValue);
document.write(value1.innerHTML.nodeValue);//注意这个是取不到文本节点
document.write(value1.firstChild.nodeValue);//这个才可以
</script>

转载于:https://www.cnblogs.com/drsky/p/5488819.html