js和jquery对dom节点的操作(创建/追加)_javascript技巧



代码如下:


$(function () {
$('#Button1').click(function () {
// var ha = '

a

';
// $('div').append(ha);
//1
// var w = 'f4'
// $('div').append(w);
// var sele = '123'
// $('div').append(sele);
})
})
//2var pstr = '

白日依山尽
黄河入海流
欲穷千里目
更上一层楼

'; $('div').append(pstr);将其改成用js来写，效果一样
function ha() {
// var p= document.createElement('p');
// var b = document.createElement('b');
// var i = document.createElement('i');
// var neirong1 = document.createTextNode('白日依山尽');
// var br1=document.createElement('br')
// var neirong2 = document.createTextNode('黄河入海流');
// var br2 = document.createElement('br')
// var neirong3 = document.createTextNode('欲穷千里目');
// var br3 = document.createElement('br')
// var neirong4 = document.createTextNode('更上一层楼');
// i.appendChild(neirong1);
// i.appendChild(br1);
// i.appendChild(neirong2);
// i.appendChild(br2);
// i.appendChild(neirong3);
// i.appendChild(br3);
// i.appendChild(neirong4);
//
// b.appendChild(i);
// p.appendChild(b);
// document.getElementById('div1').appendChild(p);
}