素材巴巴 > 程序开发 >

原生js修改文本内容

程序开发 2023-09-11 06:15:31

关于修改文本的内容,有好多不同的写法,今天实现一个简单的的案例就是点击“编辑”按钮,文本内容可以保存。看下图:

这个例子想要实现的效果就是点击编辑,出现文本框,然后可以更改内容,关键就是在实际项目中可能会遇到有多行这样的内容,那么现在就只能用到传参来解决了,只要实现一个剩下的就都好说了,来看看代码:

  • 编辑保存
  • 编辑保存
  • 编辑保存
  • 编辑保存
  • 编辑保存

布局很简单,接下来看js实现:

这是效果图,可以更改input里的内容(可以忽略样式)

好了,今天就实现一个小的例子来联系传参,希望对大家有用!

转载于:https://www.cnblogs.com/web001/p/8001406.html


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。