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

Detaillierte Erläuterung der Überwachung von Spaltenüberläufen ohne Primärschlüssel in MySQL-Tabellen

Heute bin ich wieder in die Falle getappt. Ich bi...

So fügen Sie Codebeispiele für die Vim-Implementierung in Power Shell hinzu

1. Gehen Sie zur offiziellen Website von Vim, um ...

Eine kurze Analyse von Kubernetes-Controllern und -Labels

Inhaltsverzeichnis 01 Gemeinsame Controller in k8...

Detaillierte Erläuterung der Destrukturierungszuweisung von JS ES6-Variablen

Inhaltsverzeichnis 1. Was ist Dekonstruktion? 2. ...

Detaillierte Erklärung von Inline-Elementen und Block-Level-Elementen in häufig verwendeten HTML-Tags

Details zur Klassifizierung des HTML-Tags von Blo...

Ein Beispiel für die Implementierung einer einfachen Fingerklick-Animation mit CSS3 Animation

Dieser Artikel stellt hauptsächlich ein Beispiel ...

So fügen Sie bei der Webseitenerstellung Webfont-Dateien Vektorsymbole hinzu

Wie wir alle wissen, gibt es in Computern zwei Art...

Detaillierte Erläuterung der ECharts-Mausereignisverarbeitungsmethode

Ein Ereignis ist eine vom Benutzer oder dem Brows...

So implementieren Sie das Abfangen von URIs im Nginx-Standort

veranschaulichen: Stamm und Alias ​​im Standort D...

So implementieren Sie Hot Deployment und Hot Start in Eclipse/Tomcat

1. Hot Deployment: Das bedeutet, das gesamte Proj...

Detaillierte Installationshistorie von Ubuntu 20.04 LTS

In diesem Artikel wird die Erstellung einer USB-S...

Lösen Sie das Problem, dass der Node.js MySQL-Client das Authentifizierungsprotokoll nicht unterstützt

Vorwort Das MySQL-Modul (Projektadresse ist https...

Analysieren von AB-Leistungstestergebnissen unter Apache

Ich habe immer Loadrunner für Leistungstests verw...

MySQL Installer 8.0.21 Installations-Tutorial mit Bildern und Text

1. Grund Ich musste MySQL nur auf einem neuen Sys...

Einfache Verwendung von temporären MySQL-Tabellen

Temporäre MySQL-Tabellen sind sehr nützlich, wenn...