DOM子节点父节点

来源：互联网发布：社科数据采集费报账编辑：程序博客网时间：2024/04/29 04:38

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title></title>    <script>        window.onload=function(){            //找到td            var t1=document.getElementById('t1');            //获取父节点元素            var tr=t1.parentNode;            tr.style.backgroundColor='yellow';            var t2=tr.firstElementChild;            t2.innerText='12345';            //获取子元素节点            var t3=tr.lastElementChild;            t3.innerText='777';            //前一个元素节点            var t4=t3.previousElementSibling;            t4.innerText='000000';            //后一个元素节点            var t5=t4.nextElementSibling;            t5.innerText='1234567';        }    </script></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></html>

阅读全文

0 0