我將如何改變整體 <li> 通過JavaScript

Question

我想知道是否有一種方法可以使用與下面類似的方法來更改<li> id。

document.getElementById('moderator_viewer_container').innerHTML = "<li id="moderator_viewer_container" style="">

<h4 class="drag_handle drag_handle1">

    Moderator

</h4>
<ul id="moderator_viewer_list" class="viewer_list">
    <li id="chat_user_cyrez" class="nick">
        <a id="chat_user_cyrez-link" class="" href="#">

            cyrez

        </a>
    </li>
    <li id="chat_user_imonicaonline" class="nick">
        <a id="chat_user_imonicaonline-link" class="" href="#">

            imonicaonline

        </a>
    </li>
</ul>

“;

所以從某種意義上講，我基本上是想刪除該ID，並將其替換為通過javascript中的html進行完全編輯

Answer 1

絕對存在！ 這里是：

document.getElementById('selected_div').id = 'new-id';

只需通過舊id選擇您的元素並設置一個新id 。 請記住，您不能再使用舊id來選擇它。

Answer 2

... 要么

document.getElementById("selected_div").outerHTML = "<div id="new_id"></div>";

用新的HTML內容替換選定的div及其所有子元素

Answer 3

DOM API允許您修改html元素的屬性。 獲取html元素后，可以通過以下方式訪問屬性：

element.property = "foobar";

要么

element.setAttribute("property", "foobar");

就您而言，您可以

element.setAttribute("id", 5);

在處理html屬性時，還應注意跨瀏覽器的問題。 看這里 。