4.4.7　利用nodeValue属性刷新元素的文本内容

现在，我们将回到showPic()函数。我将对id属性值等于description的元素所包含的文本节点的nodeValue属性进行刷新。

具体到这个id属性值等于description的元素，因为它只有一个子节点，所以选用firstChild属性或是选用lastChild属性的效果是完全一样的。既然如此，我决定选用firstChild属性。

我可以把4.4.5节里的alter语句改写为如下所示的样子：

两条语句的效果完全一样（都将显示“Choose an image.”消息），但这里的代码显然更容易阅读和理解。

nodeValue属性的用途并非仅限于此。我们不仅可以用它来检索某个节点的值，还可以用它来设置某个节点的值；后一种用法正是我目前最需要的。

还记得刚才在showPic()函数里的text变量吗？当“JavaScript美术馆”页面上的某个图片链接被点击时，showPic()函数会把这个链接的title属性值传递给text变量。而我现在将用text变量去刷新id值等于description的那个元素的第一个子节点的nodeValue属性值，如下所示：

下面是我为了改进showPic()函数而给它添加的三条新语句：

如果用日常生活中的语言来说，这三条语句的含义依次是：

●当“JavaScript美术馆”页面上的某个图片链接被点击时，这个链接的title属性值将被提取并保存到text变量中。

●找到那个id="description"的元素，并把这个对象保存到变量description里去。

●把description对象的第一个子节点的nodeValue属性值设置为变量text的值。

下面是完成上述改进后的showPic()函数的代码清单：

如果想测试一下这些扩展功能，请把改进后的showPic()函数存入showPic.js文件，然后在浏览器里刷新gallery.html文档。现在，点击这个网页上的某个图片链接时，你们将看到两种效果：“占位符”图片将被替换为这个链接所指向的一张新图片，同时图片下方的描述性文字也将被替换为这个链接的title属性值，如下所示。