js中给div添加(替换)内容。span标签取name,valu

作者: 云鲸鱼rain | 来源:发表于2019-01-22 15:25 被阅读0次

var testdiv = document.getElementById("test");
    testdiv .innerHTML = 
          testdiv .innerHTML + "<span id='span' name='testName' value='testValue'>testContent</span>";

按照上面的代码，就可以给叫做test的div增加span标签。那么span的name,value,content怎么拿到呢？如果一个能拿到，那么多个呢？

拿一个

var cont=document.getElementById("span");
        
alert(cont.innerHTML);
alert($("#content").attr("value"));
alert($("#content").attr("name"));

拿多个（当然也可以用于拿一个）

var spanList = $("#test span"); 
    spanList.each(
        function(index)
        {
            var spanName = $(this).attr("name");
            var spanValue = $(this).attr("value");
            var spanContent = $(this).html();           
            alert("拿到每一个span中的name,value,content值");
        }
    );