Suggest a feature
×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: Javascript
Posted by: jazdian
Added: Jan 4, 2019 1:00 AM
Views: 6
Tags: javascript
para hacer pruebas con el archivo con titulo index.html
  1.  
  2. const p = {
  3.  
  4.  
  5. }
  6.  
  7. const ele = {
  8.  
  9.     tabjs: document.querySelector('.tab1'),
  10.     tabjq: $('.tab1')
  11.  
  12. }
  13.  
  14. const f = {
  15.  
  16.     run: () => {
  17.  
  18.         console.log('iniciando programa');
  19.  
  20.         ele.tabjs.addEventListener('click', f.DetectaEvento);
  21.  
  22.         ele.tabjq.click(f.DetectaEventoJQ);
  23.  
  24.         f.funcionesTabla();
  25.  
  26.     },
  27.  
  28.     funcionesTabla: () => {
  29.         // tabla completa
  30.         console.log('=====objeto javascript ===============================');
  31.  
  32.         console.log('table: ', ele.tabjs);
  33.         console.log('   |_rows.length: ', ele.tabjs.rows.length);
  34.         ele.tabjs.rows[3].style.background = '#f8d7da';
  35.         console.log('   |_rows[3].style.background = "#f8d7da"');
  36.  
  37.         console.log('=====objeto jquery ===============================');
  38.  
  39.         console.log('table: ', ele.tabjq);
  40.         console.log('table[0]: ', ele.tabjq[0]);
  41.         console.log('   |_rows.length: ', ele.tabjq[0].rows.length);
  42.         ele.tabjq[0].rows[1].style.background = 'Yellow';
  43.         console.log('   |_rows[3].style.background = "Amarillo"');
  44.  
  45.     },
  46.  
  47.     DetectaEvento: (e) => {
  48.  
  49.         console.log('=== JAVASCRIPT ================================================');
  50.        
  51.         console.log('click: ', e);
  52.         console.log('   |_path: ', e.path);
  53.         console.log('   |_srcElement: ', e.srcElement);
  54.         console.log('   |_type: ', e.type);
  55.         console.log('   |_timeStamp: ', e.timeStamp);
  56.         console.log('   |_view: ', e.view);
  57.         console.log('   |_target: ', e.target);
  58.         console.log('       |_cellIndex: ', e.target.cellIndex);
  59.         console.log('       |_childNodes: ', e.target.childNodes);
  60.         console.log('       |_children: ', e.target.children);
  61.         console.log('       |_outerHTML: ', e.target.outerHTML);
  62.         console.log('       |_innerHTML: ', e.target.innerHTML);
  63.         console.log('       |_parentNode: ', e.target.parentNode);
  64.         console.log('           |_rowIndex: ', e.target.parentNode.rowIndex);
  65.         console.log('           |_Cells[0].innerHTML: ', e.target.parentNode.cells[0].innerHTML);
  66.  
  67.     },
  68.  
  69.     DetectaEventoJQ: (e) => {
  70.        
  71.         console.log('=== JQUERY ===============================================');
  72.  
  73.         console.log('click: ', e);
  74.         console.log('   |_currentTarget: ', e.currentTarget);
  75.         console.log('   |_delegateTarget: ', e.delegateTarget);
  76.         console.log('   |_handleObj: ', e.handleObj);
  77.         console.log('       |_handler: ', e.handleObj.handler);
  78.         console.log('       |_handler.name: ', e.handleObj.handler.name);
  79.         console.log('   |_target: ', e.target);
  80.         console.log('       |_cellIndex: ', e.target.cellIndex);
  81.         console.log('       |_childNodes: ', e.target.childNodes);
  82.         console.log('       |_children: ', e.target.children);
  83.         console.log('       |_outerHTML: ', e.target.outerHTML);
  84.         console.log('       |_innerHTML: ', e.target.innerHTML);
  85.         console.log('       |_parentNode: ', e.target.parentNode);
  86.         console.log('           |_rowIndex: ', e.target.parentNode.rowIndex);
  87.         console.log('           |_Cells[0].innerHTML: ', e.target.parentNode.cells[0].innerHTML);
  88.        
  89.     }
  90.  
  91. }
  92.  
  93. f.run();