This commit is contained in:
2023-11-13 14:14:58 +01:00
parent 5e7eee9100
commit 454f18c2c2
21 changed files with 759 additions and 2230 deletions
+36 -18
View File
@@ -5,36 +5,54 @@ console.log('salut');
///
// doit chercher un p dans td dans tbody dans table dans .paragraph--type--text qui a la class .rowspan et setAttribut a son parent td
// var cellRowspan = document.querySelector('p.rowspan').parentElement;
// cellRowspan.setAttribute('rowspan', '4');
var cellRowspan = document.querySelector('p.rowspan').parentElement;
cellRowspan.setAttribute('rowspan', '4');
// // ok va chercher tous les éléments p.cell-display-none (child)
// const pDisplayNone = document.querySelectorAll('p.cell-display-none');
// console.log(pDisplayNone);
const pDisplayNone = document.querySelectorAll('p.cell-display-none');
console.log(pDisplayNone);
// // ok va chercher un element td (parent)
// var tdDisplayNone = document.querySelector('p.cell-display-none').parentElement;
// console.log(tdDisplayNone);
var tdDisplayNone = document.querySelector('p.cell-display-none').parentElement;
console.log(tdDisplayNone);
// /// et lui appliquer une class.
// tdDisplayNone.classList.add('display-none');
tdDisplayNone.classList.add('display-none');
///// comment aller chercher TOUS les éléments td ? //////
let p = document.querySelectorAll('p.cell-display-none');
//// en repassant par element parent ? puis
// let tbody = document.querySelectorAll('tbody');
// console.log(tbody);
// let pDisplayNone = document.getElementsByClassNameAll('.cell-display-none');
// console.log(pDisplayNone);
// let td = pDisplayNone.parentElement;
// console.log(td);
// td.classList.add('display-none');
// tbody.forEach(pDisplayNone => {
// let td = pDisplayNone.childNodes;
// console.log(td);
// td.classList.add('display-none');
// });
let pDisplayNone = document.querySelector('p.cell-display-none');
console.log(pDisplayNone);
let tdparent = [];
while(pDisplayNone.parentNode.closest('td')){
tdparent.push(pDisplayNone.parentNode.closest('td'));
pDisplayNone = pDisplayNone.parentNode.closest('td');
}
console.log(tdparent);
// // let tdparent = [pDisplayNone.parentNode.closest()];
// // while(pDisplayNone.parentNode){
// // tdparent.push(td);
// // pDisplayNone = pDisplayNone.parentNode;
// // }
/// pour chaque élément de array pDisplayNone ( NodeList ),