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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM