Dev Faq
-3
votes

Copier certains en HTML par JS

Il est nécessaire de copier certains TR avec des entrées lorsque OnClick Event est déclenché, par nettoyage JavaScript, pas jQuery ou autre chose, et générer des identifiants pour les intrants. J'ai attaché mon HTML. Je suis nouveau dans JS, tout ce que j'ai trouvé sa copie un élément. Je suis diplômé pour toute aide.

p> 

<tr id='needToCopy'>
    <tr style='height:16.5pt'>
        <td></td>
        <td colspan="" class="s4">
            Label
        </td>
    </tr>
    <tr style='height:18pt'>
        <td></td>
        <td colspan="3" class="s17">
            Label1
        </td>
        <td class="s6">
            <input id="firstID"/>
        </td>
    </tr>
    <tr style='height:60.0pt'>
        <td></td>
        <td class="s15" colspan="3">
            label2
        </td>
        <td class="s14">
            <input id="secondID"/>
        </td>
    </tr>
    <tr style='height:18.0pt'>
        <td></td>
        <td class="s15" colspan="3">
            label3
        </td>
        <td class="s14">
            <input id=thirdId"/>
        </td>
    </tr>
</tr>
<button onclick="copy()">Press Me</button>

3 commentaires

Bienvenue à! Pouvez-vous clarifier ce que vous entendez par «copie»?

Le balisage est incorrect, ce qui rend difficile la compréhension de ce que vous essayez réellement de réaliser. Est supposé être un

à la place? Parce que vous ne pouvez pas avoir de à l'intérieur d'un autre .

J'ai besoin de générer le même TR sous TR avec ID = 'Needtocopy', mais avec un autre ID dans les intrants. J'ai une table dans laquelle j'ai TR.

3 Réponses :

0
votes

Clonenode Si vous souhaitez effectuer une copie du même nœud dans HTML. 

var div = document.getElementById('div_id'),
    clone = div.cloneNode(true); // true means clone all childNodes and all event handlers
clone.id = "some_id";
document.body.appendChild(clone);

0 commentaires
0
votes

C'est assez simple si vous souhaitez copier un élément à l'intérieur

simplement utiliser ce code: xxx

Si vous souhaitez le préparer ou l'ajouter, vous pouvez le faire. Trop à l'aide de: xxx

Assurez-vous de donner un identifiant à votre élément avant d'attendre les résultats!

0 commentaires
0
votes

Si vous cherchez à copier tout le contenu de la table, vous pouvez le faire avec un petit morceau de JavaScript. Comme mentionné dans les commentaires, vous ne pouvez pas avoir une rangée de table à l'intérieur d'une rangée de table. Je ne suis donc pas sûr que si vous vouliez que vos étiquettes soient en tant que table TDS? Aux fins de démonstration, j'ai changé l'entourage

code> à
code> tags. Vous pouvez voir la fonctionnalité "copie" travaillant dans l'extrait. J'ai aussi ajouté un identifiant à votre bouton.

Edit: la version 2ème est probablement plus proche de ce que vous recherchez (mise en page Wise) p>

p> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<!--<table id='needToCopy'>
  <tr style='height:16.5pt'>
    <td></td>
    <td colspan="" class="s4">
      Label
    </td>
  </tr>
  <tr style='height:18pt'>
    <td></td>
    <td colspan="3" class="s17">
      Label1
    </td>
    <td class="s6">
      <input id="firstID" />
    </td>
  </tr>
  <tr style='height:60.0pt'>
    <td></td>
    <td class="s15" colspan="3">
      label2
    </td>
    <td class="s14">
      <input id="secondID" />
    </td>
  </tr>
  <tr style='height:18.0pt'>
    <td></td>
    <td class="s15" colspan="3">
      label3
    </td>
    <td class="s14">
      <input id="thirdId" />
    </td>
  </tr>

</table>-->

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<h2>Labels</h2>
<table id='needToCopy'>
  <tr style='height:18pt'>
    <td>Label 1</td>
    <td>Label 2</td>  
    <td>Label 3</td>
  </tr>
  <tr style='height:60.0pt'>
    <td class="s6">
        <input id="firstID">
    </td>
    <td class="s15">
      <input id="secondID" />
    </td>
    <td class="s14">
       <input id="thirdId" />
    </td>
  </tr>
</table>

<button id="copybtn" onclick="copy()">Press Me</button>

1 commentaires

@Nikitosik je viens de voir Ce - Je pense que c'est juste ce que vous recherchez

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO