使用JS动态显示文本

这个例子分享了JS动态显示文本的具体代码，供大家参考。具体内容如下

index.html:

！doctype html html lang=' zh ' head meta charset=' utf-8 '标题页(html 5)/标题！-通过链接使用CSS-link rel='样式表' href=' CSS/master.css' rel='外部no follow '/script src=' http : js/main . js ' charset=' utf-8 '/script/head dy！- HTML5语义标签-标题时间长，寿命短/标题主旁侧类=' '旁侧/旁侧文章类=' '输入id=' info '占位符='输入内容'！-input type=' button ' value=' add '-button onclick=' show()' type=' button ' name=' button ' add/button h1 id=' result ' display/h1/article/main footercpyright(c)2016版权所有人保留所有权利。/页脚/正文/htmlmain.js:

//定义函数show() {//获取id info var a=document . getelementbyid(' info ')的输入标记的内容。价值；//显示，动态显示(清除旧的，显示新的)document . getelementbyid(' result ')。inner text=a；}show功能打包在文件夹main中。js，专用于存储JS脚本代码。函数是属于JavaScript的脚本语言函数。函数是JavaScript语言中的一个关键词，在声明函数时使用。

演示：

但是，此显示器没有对齐的输入框。您可以将它添加到CSS样式文件master.css:

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。