javascript - 如何使用 javascript 将 div 标签数据设置为 li 标签？

Question

我正在尝试将 div 标签数据设置为 li 标签。作为引用，下面是执行“检查”时显示的代码。我想摆脱包含类“domTitle”的 div 标签。

<li style="display: inline;" id="list_name">
    <div class="domTitle">NEWS</div>
    <div class="domDateContainer">RECORDED ON MON JUL 31, 2017
    </div>
</li>

但实际上，使用 javascript 我想在执行“检查”时显示如下代码:

<li style="display: inline;" id="list_name">NEWS
    <div class="domDateContainer">RECORDED ON MON JUL 31, 2017
    </div>
</li>

Answer 1

你可以在 javascript 中做类似的事情

function domTitle()
{
  var ele = document.getElementsByClassName("domTitle")[0];
  var content = ele.innerHTML;
  var parent = document.getElementById("list_name");
  parent.removeChild(ele);
  parent.innerHTML = content + parent.innerHTML;
}

<li style="display: inline;" id="list_name">
    <div class="domTitle">NEWS</div>
    <div class="domDateContainer">RECORDED ON MON JUL 31, 2017
    </div>
</li>
<button onclick="domTitle()">click me</button>