js和jquery中创建标签添加属性的方法

js方式创建标签及添加属性

<script>
    var tr = document.getElementById('tr_id1') //根据id属性获取tr标签
    var td = document.createElement('td') //创建td标签
    td.setAttribute('aa','td_aa'); //设置标签属性aa=‘td_aa’
    td.innerHTML = '哈哈哈哈'; //设置td标签文本值为'哈哈哈哈'
    tr.appendChild(td); //将新创建的td标签插到tr标签中
</script>      

jquery方式创建标签及添加属性

1 <script>    
2     var td = $("<td>"); //创建td标签
3     td.attr('aa','td_aa'); //设置标签属性aa=‘td_aa’
4     td.html('哈哈哈哈'); //设置td标签文本值为'哈哈哈哈'
5     $("#tr_id1").append(td); //将新创建的td标签插到id为tr_id1的标签中
6 </script>

 

posted @ 2018-05-17 16:16  来晚了,松涛被占用  阅读(28283)  评论(0编辑  收藏  举报