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

时间:2024-04-15 17:50:11

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>

 

相关文章