学习Javaweb的一些相关知识
2017-04-06 21:48
316 查看
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代码中获取的时候
这样的话就可以进行对字符串的操作了。
在文档元素中,如果是想要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之间加上分号。否则不起作用。
①:使用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之间加上分号。否则不起作用。
相关文章推荐
- Android 学习第16课,java 包、类等相关的一些基础知识
- javaweb学习笔记:web应用的相关知识
- 今天学习了一些初始化列表的相关知识
- 学习中收集的一些有关网页UI设计、前端开发的相关知识网址分享,赶紧收藏走起。。。
- JS中一些对象的学习和一些函数的相关知识
- 零点学习Javaweb相关知识
- 学习Python中,总结一些语法相关注意点
- 开始学习asp.net,一些基础的知识。
- Asp.net/C#相关一些学习资料, 非常好!!! 进来看一下.
- 位图的一些相关知识
- php及wml的一些相关知识
- 对C语言结构体知识点的学习以及复习相关基础知识
- LINQ学习篇(4) -- Lambda表达式的一些知识
- 开始学习.net和php相关知识。
- 关于就医的一些相关知识
- 现在正在搞博士的东西,导师要求将一个二维的图片转换成现实生活中的三维图片,实现仿真,这个课题真有点难度,现在还莫不着头绪,查了相关的一些知识,可就是没有一个系统的,希望大家各抒己见,提一些好的建议,好的文章
- 一些C#相关知识整理
- J2EE学习笔记一:相关概念和基础知识
- 信贷基本词汇英汉对照[突然发现写软件也要被迫学企业管理的一些相关知识....]
- javascript学习中的一些心得(基础知识,高手免进)