js如何让文字居中显示？

JavaScript010

js如何让文字居中显示？,第1张

1、打开编辑器，新建test.html，用于学习今天的内容。

2、接下来需要在head标签下方引入jquery.min.js插件，如下图所示。

3、在页面的body标签里，新建一个div，名称为test。

4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div，通过css()方法让文字居中。

5、在浏览器中打开test.html，可以在文字在页面中间显示。

<style>

.altbg2{margin:0pxpadding:0px}

.left{margin:0pxpadding:0px}

</style>

<div class="altbg2">

<font size=2 color=#FE6632>

<div align="left">

<script type="text/javascript" src='mingyan.js'></script>

</font></div>

如果点击某个div层置顶显示的话

需要用到Z-index 值

而使用zIndex值 就必须对元素进行绝对定位

可以用如下方法 让被点击的层置顶

//创建一个公共Z值

var z=999

//然后获取所有div

var aDiv=document.getElementsByTagName('div')

//遍历元素

for(var i=0i<aDiv.lengthi++){

//添加事件

aDiv[i].onclick=function(){

//控制当前点击的div每次点击就z++

//比如这次点击了z值到了1000

//然后下一个div点击的时候

//把这个值赋给他 然后他还++一次 变成1001

//这样那个又是最高的了

this.style.zIndex=z++

}

}