动态更改HTML元素的ID属性

时间:2014-06-05 11:20:13

标签: javascript jquery jsp servlets html-table

我有一个表...我希望在页面返回客户端时更改其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,所以我该怎么做?

1 个答案:

答案 0 :(得分:1)

你可以试试这个:

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

 }
</script>

但是你为什么这样做,改变元素元素不是一个好习惯。可能会导致所有Javascript文件出现问题。

AJAX示例:

function 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代码。