JS中获取父节点元素和子节点元素

来源：互联网发布：qq三国js副本五虎技能编辑：程序博客网时间：2024/05/18 22:16

<!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>

阅读全文

0 0