javascript - 动态改变HTML元素的ID属性

Question

我有一个表...我想在页面返回客户端时更改其 id ..JSP 或 servlet 和 Javascript

<table id="myTable" border="1px" style="font-size: 10px;width: 200px; font-size: 10px; float :left;" >

我想在页面回发时使用 mytable2 更改其 id

<table id="myTable2" border="1px" style="font-size: 10px;width: 200px; font-size: 10px; float :left;" >

我也想使用ajax，但我不了解ajax，那么我该怎么做呢？

Answer 1

你可以试试这个:

<script type="text/javascript">
  function changeHtmlElementId ()
  {
     var htmlElement = document.getElementById("monkey");
     htmlElement.id = "newId";  // here you can assign new Id

 }
</script>

但是你为什么要这样做，更改元素的 ID 不是一个好习惯。它可能会导致您的所有 Javascript 文件出现问题。

AJAX 示例:

函数 doAjaxPost() { //获取表单值 var name = $('#name').val(); var passowrd= $('#passowrd').val();

$.ajax({
    type: "POST",
    url: "yourjsp.jsp",
    data: {
      name:name,
      pass: passowrd

    },
    success: function(response){
        // we have the response , do all your stuff here

         alert('Error: ' + e);
     },
     error: function(e){
         alert('Error: ' + e);
     }
});

}

此代码还需要 jQuery。