手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js和jquery对dom节点的操作(创建/追加)
js和jquery对dom节点的操作(创建/追加)
摘要:复制代码代码如下:$(function(){$('#Button1').click(function(){//varha='a';//$('...

复制代码 代码如下:

<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" />

<div id="div1"></div>

【js和jquery对dom节点的操作(创建/追加)】相关文章:

基于jQuery实现的无刷新表格分页实例

Js和JQuery获取鼠标指针坐标的实现代码分享

删除javascript所创建子节点的方法

Javascript实现图片轮播效果(二)图片序列节点的控制实现

jquery实现的判断倒计时是否结束代码

JQuery中节点遍历方法实例

jQuery实现div随意拖动的实例代码(通用代码)

javascript操作表格

获取对象

js对象和json对象互相转换的问题

精品推荐
分类导航