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,就可以看到需要的切换文字的效果。完整代码展示如下。