最近开始学习angular.js,课程里有一个demo很好玩,我就想试着用原生js写一下。
这个demo大致是这样的,有一个文本输入框,文本框下面是一个div,
你可以在文本框里输入标签的单词,然后通过外联的foundation.css文件就可以把这个div改变成标签的样子。
就变成了或者
而且在输入的时候,下面的div还会实时的改变文字
。
这个demo用angular.js实现起来很简单,但是我发现用原生js实现起来却不是那么容易的事情。
一开始我以为无非就是可以用getElementById获取到input和div,然后在获取到input的value,把这个value值赋值给div的class作文class的名称,再改变div的innerHTML值就大功告成。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<link rel="stylesheet" href="css/fo