Klicken Sie auf die Schaltfläche, um den Text in ein Eingabefeld umzuwandeln. Klicken Sie auf „Speichern“, um ihn in Textimplementierungscode umzuwandeln.

Klicken Sie auf die Schaltfläche, um den Text in ein Eingabefeld umzuwandeln. Klicken Sie auf „Speichern“, um ihn in Textimplementierungscode umzuwandeln.

Klicken Sie auf die Schaltfläche, um den Text in ein Eingabefeld umzuwandeln. Klicken Sie auf „Speichern“, um ihn in Textimplementierungscode umzuwandeln.

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <!DOCTYPE html >   
  2. < html   lang = "en" >   
  3. <Kopf>​​   
  4. 　　< Meta   http-equiv = "Inhaltstyp"   Inhalt = "Text/HTML; Zeichensatz=utf-8"   />   
  5. 　　< Meta   Zeichensatz = "utf-8" >   
  6. 　　< title > Klicken Sie auf die Schaltfläche, um den Text in ein Eingabefeld umzuwandeln, klicken Sie auf Speichern, um ihn in Text umzuwandeln </ title >   
  7. 　　< Stil   Typ = "Text/CSS" >   
  8. Tabelle { Textausrichtung: Mitte; Schriftgröße: 14px;}
  9. Tabelle > thead > tr > th{ Schriftstärke: normal;}
  10. .text-right{ padding-right:73px; text-align: right;}
  11. .text{ Breite: 50px; Höhe: 30px; Rahmen: 1px durchgezogen #ddd; Textausrichtung: Mitte;}
  12. 　　</ Stil >   
  13. 　　< Skript   Typ = "Text/Javascript"   src = "js/jquery.min.js" > </ Skript >   
  14. </ Kopf >   
  15.   
  16. < Textkörper >   
  17. 　　< Tabelle >   
  18. 　　　　< thead >   
  19. 　　　　　　< tr >   
  20. 　　　　　　　　< th   Breite = "400" > Produktname </ th >   
  21. 　　　　　　　　< th   width = "200" > Anzahl der Artikel </ th >   
  22. 　　　　　　</tr>​​   
  23. 　　　　</ thead >   
  24. 　　　　< tbody >   
  25. 　　　　　　< tr   Höhe = "50" >   
  26. 　　　　　　　　< td > iPhone 6s </ td >   
  27. 　　　　　　　　< td   Klasse = "Bearbeiten" > 2 </ td >   
  28. 　　　　　　</tr>​​   
  29. 　　　　　　< tr   Höhe = "50" >   
  30. 　　　　　　　　< td > Xiaomi 5 </ td >   
  31. 　　　　　　　　< td   Klasse = "Bearbeiten" > 5 </ td >   
  32. 　　　　　　</tr>​​   
  33. 　　　　</ tbody >   
  34. 　　　　< tFuß >   
  35. 　　　　　　< tr >   
  36. 　　　　　　　　< td   colspan = "2"   Klasse = "Text-rechts" >   
  37. 　　　　　　　　　　< Schaltfläche   Typ = "Schaltfläche"   Klasse = "btn"   onclick = " ändern (dies)" > Ändern </button>   
  38. 　　　　　　　　</ td >   
  39. 　　　　　　</tr>​​   
  40. 　　　　</ tfoot >   
  41. 　　</ Tabelle >   
  42.   
  43. < Skript   Typ = "Text/Javascript" >   
  44. Funktion ändern(Objekt){
  45. var xg =$(obj).html();
  46. wenn( xg == 'ändern'){
  47. $('.edit').jeweils(Funktion(){
  48. var alt =$(this).html();
  49. $(this).html(" < Eingabe   Typ = "Text"   Name = "Bearbeitungsname"   Klasse = "Text"   Wert = "+alt+"   > ");
  50. })
  51. $(obj).html('speichern');
  52. }sonst wenn( xg == 'speichern'){
  53. $('Eingabe[ Name = Bearbeitungsname ]').each(Funktion(){
  54. var alt =$(this).html();
  55. var neue Schriftart = $(this).parent('td').parent('tr').children().find('input').val();
  56. $(this).parent('td').html(neue Schriftart);
  57. })
  58. $(obj).html('ändern');
  59. }
  60. }
  61. </ Skript >   
  62.   
  63.   
  64.   
  65. </ Körper >   
  66. </ html >   

Der obige Implementierungscode zum Klicken auf eine Schaltfläche, um Text in ein Eingabefeld umzuwandeln, und zum Klicken auf Speichern, um ihn in Text umzuwandeln, ist der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, er kann Ihnen als Referenz dienen und ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Original-URL: http://www.cnblogs.com/yuxiaoqi912/p/5470354.html

<<:  Vue+ECharts realisiert das Zeichnen einer China-Karte sowie die automatische Drehung und Hervorhebung von Provinzen

>>:  Details der MySQL-Berechnungsfunktion

Artikel empfehlen

Zusammenfassung des Umschaltproblems und der Lösung zur Installation mehrerer JDK-Versionen im 64-Bit-System von Win10

Da myeclipse2017 und idea2017 auf dem Computer in...

Detaillierte Vorgänge zum Erstellen des gemeinsamen Clusters und des Spiegelclusters von RabbitMq mit Docker

Inhaltsverzeichnis 1. Erstellen Sie die Betriebsu...

Die Popularität chinesischer Domainnamen in China hat eine neue Höhepunktrunde eingeleitet

<br />Seit das Außenministerium und andere z...

Installieren Sie JDK8 im RPM-Modus auf CentOS7

Nach der erfolgreichen Installation von CentOS 7 ...

Skriptbeispiel zum Starten und Stoppen von Spring-Boot-Projekten in Linux

Es gibt drei Möglichkeiten, ein Springboot-Projek...

Lösung zum Vergessen des Root-Passworts der MySQL 5.7- und 8.0-Datenbank

Hinweis: Um das Root-Passwort in MySQL 5.7 zu kna...

Detaillierte Erklärung, wie man ein Passwort an den SSH/SCP-Befehl im Bash-Skript übergibt

Installieren Sie SSHPASS Für die meisten aktuelle...

Detaillierte Erläuterung des chinesischen Konfigurationsschemas my.ini zur MySql-Optimierung: InnoDB, 4 GB Speicher und mehrere Abfragen

Dieser Artikel ist eine MySQL-Konfigurationsdatei...

Vue hält den Benutzer angemeldet (verschiedene Token-Speichermethoden)

Inhaltsverzeichnis So setzen Sie Cookies Nachteil...

Über das durch die HTML-Kodierung verursachte verstümmelte Problem

Heute hat ein Student im dritten Studienjahr eine...

Detaillierte Erklärung der Beziehung zwischen dem Primärschlüsselwert 0 und der Selbstauswahlbeschränkung des Primärschlüssels in MySQL (Details)

Vorwort Dieser Artikel stellt hauptsächlich die B...

Allgemeine Verwendung von regulären Ausdrücken in MySQL

Allgemeine Verwendung von Regexp in Mysql Fuzzy-M...

Einführung in den Unterschied zwischen On- und Where-Bedingungen in der MySQL-Left-Join-Operation

Priorität Der Grund, warum das Platzieren derselb...

Implementierung einfacher Tabs mit js

Tab-Auswahlkarten werden auf echten Webseiten seh...

Gemeinsame Eigenschaften des Framesets (Unterteilung von Frames und Fenstern)

Ein Frame ist ein Webseitenbildschirm, der in mehr...