学习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之间加上分号。否则不起作用。