JS里添加样式

JavaScript034

JS里添加样式,第1张

JS里添加样式的方法:

1、首先,要创建标签,使用document.createElement函数,如图创建div标签。使用其className设置class,id设置id,style设置样式。

2、样式的设置也可以分项进行。如图是分项设置其left,top,display,position,width几个样式。

3、通过设置标签的innerHTML属性可以直接给其添加子标签以及子标签的样式。当然,也可以分项分层添加标签。

4、设置好标签(如图是div标签,变量名box),使用document.body.appendChild添加标签到body当中。

5、标签添加以后,依然可以修改样式,如图是使用document.getElementById方法根据id获取标签,修改style。

6、标签添加以后,也可以给其添加和删除event处理。如图是使用jQuery给id为img-preview-box的标签添加hover鼠标经过的处理。

示例如下:

<div id="parent">

父标签

<div id="children">

子标签

</div>

</div>$('#children').click(function(){

$(this).parent().css('color','red')

})上面代码会在点击子标签后将父标签的文字变为红色(由于color的继承性,子标签的颜色也会改变)

解释:

click可以为元素绑定click事件,点击时会调用此函数

parent方法可以获取当前元素的父级元素

css方法可以设置指定元素的样式,设置的样式会添加的元素的style属性中

图片的onload ='javascript的的DrawImage(这一点,180,120)“,是这一形象完成后,执行JS函数的DrawImage()。错误是不是在你的ASP没有的DrawImage()这个函数在页面加载JS的DrawImage()函数的顶部,没有任何错误。