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选择它。

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属性时，您还应该注意跨浏览器问题。请参阅here。

我将如何通过javascript更改整个<li> </li>

3 个答案: