Javascript 用内容填充子DIV

是否可以从DIV中删除class=“con”，将其作为lis中的“子DIV”处理，并将内容放入其中

HTML:

<div class="lis" id="123">Title...<div class="con"></div></div>

<script>

[].forEach.call(document.getElementsByClassName("lis"), function(elem) {
elem.addEventListener("click", function() {

 // get data via ajax

 this.getElementsByClassName("con")[0].innerHTML = data;

 });
})
</script>

<div class="lis" id="123">Title...<div></div></div>

<script>

[].forEach.call(document.getElementsByClassName("lis"), function(elem) {
elem.addEventListener("click", function() {

 // get data via ajax

 // put the data into the child of this.id / lis DIV

 });
})
</script>

标题。。。

JAVASCRIPT:

<div class="lis" id="123">Title...<div class="con"></div></div>

<script>

[].forEach.call(document.getElementsByClassName("lis"), function(elem) {
elem.addEventListener("click", function() {

 // get data via ajax

 this.getElementsByClassName("con")[0].innerHTML = data;

 });
})
</script>

<div class="lis" id="123">Title...<div></div></div>

<script>

[].forEach.call(document.getElementsByClassName("lis"), function(elem) {
elem.addEventListener("click", function() {

 // get data via ajax

 // put the data into the child of this.id / lis DIV

 });
})
</script>

[]forEach.call（document.getElementsByClassName（“lis”）、函数（elem）{
元素addEventListener（“单击”，函数（）{
//通过ajax获取数据
this.getElementsByCassName（“con”）[0].innerHTML=data；
});
})

所以它应该是这样的：

HTML:

<div class="lis" id="123">Title...<div class="con"></div></div>

<script>

[].forEach.call(document.getElementsByClassName("lis"), function(elem) {
elem.addEventListener("click", function() {

 // get data via ajax

 this.getElementsByClassName("con")[0].innerHTML = data;

 });
})
</script>

<div class="lis" id="123">Title...<div></div></div>

<script>

[].forEach.call(document.getElementsByClassName("lis"), function(elem) {
elem.addEventListener("click", function() {

 // get data via ajax

 // put the data into the child of this.id / lis DIV

 });
})
</script>

标题。。。

JAVASCRIPT:

<div class="lis" id="123">Title...<div class="con"></div></div>

<script>

[].forEach.call(document.getElementsByClassName("lis"), function(elem) {
elem.addEventListener("click", function() {

 // get data via ajax

 this.getElementsByClassName("con")[0].innerHTML = data;

 });
})
</script>

<div class="lis" id="123">Title...<div></div></div>

<script>

[].forEach.call(document.getElementsByClassName("lis"), function(elem) {
elem.addEventListener("click", function() {

 // get data via ajax

 // put the data into the child of this.id / lis DIV

 });
})
</script>

[]forEach.call（document.getElementsByClassName（“lis”）、函数（elem）{
元素addEventListener（“单击”，函数（）{
//通过ajax获取数据
//将数据放入this.id/lis DIV的子级
});
})

您似乎在问3个独立的问题。什么不起作用？@isherwood它可以在atm上工作，但我想保存一些字节，因此从DIV中删除“class=con”。

this.querySelector（“DIV:first child”）.innerHTML=data

甚至

这个.querySelector（“div”）.innerHTML=data

可以工作