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

复制代码代码如下:

　　$(function () {

　　$('#Button1').click(function () {

　　// var ha = '<p>a</p>';

　　// $('div').append(ha);

　　//1

　　// var w = '<a href="#">f4</a>'

　　// $('div').append(w);

　　// var sele = '<select><option>1</option><option>2</option><option>3</option></select>'

　　// $('div').append(sele);

　　})

　　//2var pstr = '<p><b><i>白日依山尽</br>黄河入海流</br>欲穷千里目</br>更上一层楼</i></b></p>'; $('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);

　　}

　　</script>

　　</head>

　　<body>