复制代码 代码如下:
<script src="/UploadFiles/2021-04-02/jquery-1.9.1.js"><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" onclick="ha()" />
<div id="div1"></div>
<script src="/UploadFiles/2021-04-02/jquery-1.9.1.js"><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" onclick="ha()" />
<div id="div1"></div>
标签:
jquery,节点,操作
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“js和jquery对dom节点的操作(创建/追加)”评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。