js和jquery对节点的操作

xiaoxiao2021-03-01  15

<script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(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> <input id="Button1" type="button" value="创建节点" /> <input id="Button2" type="button" value="2" οnclick="ha()" /> <div id="div1"></div>

转载请注明原文地址: https://www.6miu.com/read-3350261.html

最新回复(0)