學習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之間加上分號。否則不起作用。