Suggest a feature
×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: Javascript
Posted by: jazdian
Added: Nov 28, 2018 7:22 PM
Modified: Jan 2, 2019 8:04 PM
Views: 6
Tags: javascript
  1. // Add event to input html.
  2. btnFiltrar = document.querySelector('#my_button');
  3. btnFiltrar.addEventListener('click', MyFunction );
  4.  
  5. function MyFunction()
  6. {
  7.    console.log('Hola Mundo');
  8. }
  9.  
  10. // === Crear Form Data y enviar por FETCH ===============================================
  11.  
  12.         const data = new FormData();
  13.         data.append('Anio', '2018');
  14.         data.append('Mes', '12');
  15.  
  16.         fetch('archivo.php',{
  17.             method: 'POST', // or 'PUT'
  18.             body: data, // data can be `string` or {object}!
  19.         })
  20.         .then(function(res) {
  21.             return res.text();
  22.         })
  23.         .then(function(data){
  24.             console.log(data);
  25.         })
  26.         .catch(function(err){
  27.             console.log(err);
  28.         });
  29.     },
  30.  
  31. // === Crear un elemento HTML con Javascript =========================================
  32.  
  33.         const Div = document.createElement('div');
  34.         Div.id = 'my_table';
  35.         Div.innerHTML = '<p>Agregar un string que representa HTML</p>';
  36.         document.querySelector('#Id_elemento').appendChild(Div);
  37.  
  38. // === Conseguir num filas tabla HTML ================================================
  39.  
  40.         const my_table = document.querySelector('#MiTabla');
  41.         let filas = my_table.rows.length;
  42.  
  43. // --- Acceder a una celda de la tabla --------------------------------------------------------------------------------
  44.  
  45.         let celda = my_table.rows[1].cells[3];
  46.         let val_celda = celda.innerHTML;
  47.         // o asignarle un valor
  48.         celda.innerHTML = 'Hola Mundo';
  49.  
  50. // --- Cambiar el estilo la fila de una tabla -------------------------------------------------------------------------
  51.  
  52.         my_table.rows[5].style.background = '#f8d7da';
  53.  
  54.