div可以灵活地定位页面的任何位置,可以通过什么实现多种动态

div可以灵活地定位页面的任何位置,可以通过什么实现多种动态,第1张

通过嵌套、属性设置、JaveScript。div元素是一个块元素,在其中间可以包含文本、段落、表格、图像等内容,它可以灵活地定位页面的任何位置,可以通过嵌套、属性设置、JaveScript实现多种动态效果。层的应用层中可以放置文字。

把DIV定义为服务器端控件 比如 <div id="div" runat="server"></div>

也就是加上 runat="server" 标记 这样在后台就可以通过ID访问这个控件

然后通过控件的innerHTML属性就可以直接赋值HTML 如下

this.div.innerHTML="<span>后台的HTML</span>"

//把<span>后台的HTML</span>加载到在前台的DIV中

1、新建一个html文件,命名为test.html。

2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

3、在test.html文件内,使用div标签创建一行文字,并设置其class为bg,主要用于下面通过该class来获得div对象。

4、在test.html文件内,在div标签内,通过style来设置div的背景颜色,定义其背景颜色为红色,文字颜色为白色。

5、在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行editbg()函数。

6、在js标签内,创建一个editbg()函数,在函数内,使用$符通过div的class属性值(bg)来获得div对象,再使用css()方法设置background属性为blue,即更改背景颜色为蓝色。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/7748429.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-09
下一篇 2023-04-09

发表评论

登录后才能评论

评论列表(0条)

保存