<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td id="t1">1</td> <td>2</td> <td>3</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table> </body> <script> window.onload = function(){ //找到td var t1 = document.getElementById('t1'); //获取父节点元素 var tr = t1.parentNode; tr.style.backgroundColor = 'yellow'; //获取子元素节点 var t2 = tr.firstElementChild; t2.innerText = '111'; var t3 = tr.lastElementChild; t3.innerText = '333'; //前一个元素节点 var t4 = t3.previousElementSibling; t4.innerText = '改变了' //后一个元素节点 /*var t5 = t4.nextElementSibling; t5.innerText = '12';*/ } </script> </html>
JS中获取父节点元素和子节点元素
最新推荐文章于 2024-08-03 16:54:40 发布