下载掌阅APP，畅读海量书库
立即打开
3.实例拓展 |
|
增加文字切换功能，要实现如图1-2和图1-4所示的单击“开启JavaScript学习之旅吧！”切换文字的动态效果，需使用JavaScript定义函数clickMe()，并为页面p元素绑定单击事件调用clickMe()，就是给p元素增加onclick属性，设定单击事件处理器，并引用函数。
首先将if(mymessage==true)语句中的document.write内容修改为：
然后使用function关键字定义函数clickMe()，代码如下：
函数中使用关键字var定义的字符串变量str赋值为新的文字信息内容，document.get ElementById("demo")是使用id属性来查找id为demo的HTML元素，给它的innerHTML属性重新赋值为新的字符串str，就可以看到需要的切换文字的效果。完整代码展示如下。
