您的位置：首页 > Web前端 > JavaScript

JS 中几种获得节点元素的方法

2017-07-25 21:24 316 查看 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS 中几种获得节点元素的方法</title>

<script type="application/javascript">
/* window.onload=function(){//文档就绪函数  表示当文档加载完成（图片视频等全部加载完成）
var d=document.getElementById('d');
//document.getElementByName();//得到数组   通过过下标调用
d.innerHTML='asddddddddddd';
//除通过Id查找（即getElementById）外其他几种查找方式返回的都是数组，通过下表调用
}*/
window.onload=function(){
//找到Id为t1的td元素
var t1=document.getElementById('t1');
//获取父节点元素tr   通过parentNode
var tr=t1.parentNode;
//通过style属性设置背景颜色
        tr.style.backgroundColor='green';
//获取tr标签的最后一个子元素
var t3=tr.lastChild;
//通过innerHTML属性改变元素内容
t3.innerHTML='qwer';
}
</script>
</head>
<body>

<table>

<tr>  <td id="">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>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航