js给div追加内容,不覆盖之前内容

2021-7-14 / 0 评论 / 291 阅读

DIV

<div id="append">ss</div>
<script>
var divA = document.getElementById("append");
    divA.innerHTML = divA.innerText+'追加的内容s';
    //divA.innerHTML +='追加的内容s';
    divA.innerHTML = divA.innerHTML+'<h3>追加内容为H3字体</h3>';
</script>

var itemHtml="";
for(var i=0,len=value.length;i<len;i++){
  itemHtml+=”<li>”+value[i]+”</li>”; //避免这种频繁操作
}
ul.innerHTML=intemHtml; 性能好

动态创建添加:
let div = document.createElement('div');
div.id="div1"
div.innerHTML = '<span>123</span>'
document.body.appendChild(div)
<div id="append">
  <span>文本</span>
  <p>This is a paragraph.</p>
  <ol>
  <li>List item 1</li>
  </ol>
</div>
<script>
$(document).ready(function(){
    $('span').append('随便加文本');//无效果
    $("p").append(" <b>Appended text</b>.");//有标签效果
    $("ol").append("<li>Appended item</li>");
});
</script>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<script type="text/javascript">
$(document).ready(function(){
    $("p:first-child").html("Hello <b>world!</b>");//替换里面的所以内容  $("p").eq(0).html("Hello <b>world!</b>")第一个p
});
</script>
$(".class").attr("id","你的id名字");

jquery中val()与之类似,
$(this).val();获取某个元素节点的value值,相当于$(this).attr("value");
$(this).val(value);设置某个元素节点的value值,相当于$(this).attr("value",value);

评论一下?

OωO
取消