1. 程式人生 > >學習Javaweb的一些相關知識

學習Javaweb的一些相關知識

1.JS動態新增元素的方式:

①:使用creatElement(String tag);

    書寫方式:

                   var li = document.creatElement("li");//使用li元素作為例子。

                    li.className = "";  //這樣做可以直接設定樣式

                    上面的寫法還可以寫成:

                   li.setAttribute("屬性key","屬性value");

                   document.getElementById().appendChild(li);//新增到父類元素上去。

②:使用innerHTML = ""的方式拼接元素,這種方式適用於新增多個元素的時候。

    書寫方式:

                <script>

                 var div = document.getElementById("div");

                  div.innerHTML = "<p>這是P標籤</p>";

                 </script>

③:從後臺獲取資料的問題:

    如果是在JS程式碼中獲取的時候

var zNodes = ${jsonTree};
出來的話會是一個Object型別的。如果想讓這個zNodes是一個字串型別的呢,需要這樣寫:
var zNodes = '${jsonTree}';

這樣的話就可以進行對字串的操作了。

在文件元素中,如果是想要object的某個屬性,就需要寫成  var zNodes = ${jsonTree.XXX};  如果是字串的形式,直接賦值就可以。

④ ajax是非同步的請求,如果想在請求後做操作的話,就需要寫在ajax非同步操作塊的內部。

⑤ 使用JS或者JQuery清除指定元素的內容

     ⒈使用JS清除元素的內容

        var element = document.getElementById();//獲取元素

        element.innerHTML = "";

    ⒉使用jquery清除元素的內容:

      $("#XXX").empty();

      刪除指定的元素

      $("#XXX").remove();

2.使用!important提升指定樣式優先權的問題:

   這個問題是我沒看仔細,在寫的時候出現的,

<style type="text/css">
    div{
        background-color: blue
        !important;
    }
    div{
        background-color: aquamarine;
    }
</style>

在使用!important的時候,不能在樣式跟!important之間加上分號。否則不起作用。