开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

我如何循环这个过程？我想通过每次单击按钮来缩小文本视图的大小

循环这个过程可以通过编写前端代码来实现。以下是一个示例的HTML、CSS和JavaScript代码，可以通过每次单击按钮来缩小文本视图的大小：

HTML代码：

<!DOCTYPE html>
<html>
<head>
  <title>缩小文本视图</title>
  <style>
    #text-view {
      font-size: 16px;
    }
  </style>
</head>
<body>
  <button onclick="shrinkTextView()">缩小</button>
  <div id="text-view">
    这是文本视图的内容。
  </div>

  <script>
    function shrinkTextView() {
      var textView = document.getElementById("text-view");
      var currentFontSize = parseInt(window.getComputedStyle(textView).fontSize);
      var newFontSize = currentFontSize - 2;
      textView.style.fontSize = newFontSize + "px";
    }
  </script>
</body>
</html>

这段代码创建了一个按钮和一个带有id为"text-view"的div元素，初始字体大小为16px。当点击按钮时，会调用名为"shrinkTextView"的JavaScript函数。该函数首先获取文本视图的元素，然后使用window.getComputedStyle方法获取当前的字体大小，并将其转换为整数。接下来，计算新的字体大小，将其应用于文本视图的样式。

这个示例中使用了HTML、CSS和JavaScript来实现文本视图的缩小效果。在实际开发中，可以根据具体需求选择合适的前端框架和技术来实现类似的功能。

相关搜索:在一个闪亮的应用程序中，我如何暂停for循环来获取用户输入，然后在单击按钮后继续？如何通过单击按钮来更新我的表值？如何通过在parent componet上单击按钮来刷新我的子组件？如何通过点击JavaScript中输入文本字段内的叉号按钮来刷新我的实时搜索？我想使用PUT方法来更新数据库中的变量。每次单击按钮时，我都需要更新该变量我想点击一个文本视图，在android中通过java来增加我的按钮。数据库上云12.12活动文档型数据库12.12活动分布式数据库12.12活动分布式数据库解决方案12.12活动

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

长度单位、calc() 表达式

(adsbygoogle = window.adsbygoogle || []).push({});

01

文本溢出截断省略

文本溢出截断省略是比较常见的业务场景，主要分为单行文本溢出截断省略与多行文本溢出截断省略，单行的截断方案比较简单，多行截断相对比较复杂。

01

利用JavaScript获取浏览器计算后的样式

HTML5学堂：JavaScript可以用style对象给标签设置样式、获取样式，但是利用style对象获取的样式只能是标签内联的样式，今天要给大家讲解的是利用currentStyle对象与getComputedStyle方法来获取浏览器计算后的样式。哪些样式是属于浏览器计算后的样式要检测标签的样式有包含在头部书写样式、标签内联样式和外部的样式，即浏览器计算后的样式。 getComputedStyle(element[, pseudoElt])方法 element用于计算样式的标签;pseudoElt可

05

JS总结

1.JavaScript的基本语法 1-1:为什么要学习JavaScript 例如：a.表单验证 b.页面动态效果等等 1-2:什么是JavaScript a.脚本的基本结构语法： <script language="JavaScript"> <script language="JavaScript"> <!- <!- JavaScript 语句; JavaScript 语句; --!> --!> </script> </script

04

Javascript(2)-js进阶

备注：如果父元素进行了relative/absolute定位，offsetTop/offsetLeft就是相对父元素的顶部和左边的距离，如果父元素默认定位，就是相对浏览器窗口的距离

03

前端学习(48)~通过style对象获取和设置行内样式

需要注意的是：style是一个对象，只能获取行内样式，不能获取内嵌的样式和外链的样式。例如：

02

CSS3与页面布局学习总结（一）——概要、选择器、特殊性与刻度单位

web前端开发者最最注的内容是三个：HTML、CSS与JavaScript，他们分别在不同方面发挥自己的作用，HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能

08

浅谈web自适应

随着移动设备的普及，移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁，手机厂商繁多，导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端界面时增加了困难，适配问题在当下显得越来越突出。记得刚刚开始开发移动端产品的时候向设计MM要了不同屏幕的设计图，结果可想而知。本篇博文分享一些卤煮处理多屏幕自适应的经验，希望有益于诸君。

04

canvas入门实战--邀请卡生成与下载

写了很多的javascript和css3的文章，是时候写一篇canvas的了。canvas是html5提供的一个新的功能！至于作用，就是一个画布。然后画笔就是javascript。canvas的用途非常的广，特别是html5游戏以及数据可视化这两个方面。现在canvas给我的感觉就和css3一样，可以不用太厉害，但是必须要会基础的用法。但是以后对canvas的需求，肯定会越来越大。所以canvas很值得学习，而且学好canvas，就是很好的一个加分项。对于这篇文章，我也是以canvas初学者的角度写的，会有很多改善的地方。如果大家觉得我有什么可以改善的，或者建议，欢迎指点迷津！代码已上传github，需要的欢迎star(downloadImg)。

03

js学习：自定义类库 - miniQuery 2.0

Paste_Image.png 在上一篇零基础打造自己的 js 类库（1）中，原本只是为了写个小案例，说明一下闭包，js对象的作用。后来我隐约有一个想法，我是不是可以将miniQuery写得更完善一些呢。我的意思是说，尽量使用jQuery的调用规则，看看自己能不能把常用的方法模拟出来？这个想法产生以后，我感觉挺兴奋，正好可以藉由这个机会把js的知识点再复习一下。今后只要有时间，我就把miniQuery更新一下，添加新的api方法进去。作为自己的一个学习记录。零基础打造自己的 js 类库（1）

07

jQuery

jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。

02

Vue组件化开发

1）、我们希望尽可能多的重用代码。　　2）、自定义组件的方式不太容易（html、css、js）。　　3）、多次使用组件可能导致冲突。　　4）、Web Components通过创建封装好功能的定制元素解决上述问题。　　5）Vue部分实现了上述Web Components规范。

02

javascript dom学习笔记

http://blog.csdn.net/zhoulenihao/article/details/11099455

01

从零开始学 Web 之 BOM（三）offset，scroll，变速动画函数

在 window 下有一个方法：window.getComputedStyle(element, string) 可以获取一个元素所有的属性值。

03

第61天：json遍历和封装运动框架（多个属性）

var json = {width:200,height:300,left:50} console.log(json.width); for(var k in json) { console.log(k); // k 遍历的是json 可以得到的是属性 console.log(json[k]); // json[k] 得到是属性的值 }

03

dom啦7设置获取元素的样式

<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .box{ width: 200px; height: 200px; background-color: red; } </style> </head> <body>

<script type="text/javascript

02

「css基础」你想知道的伪元素内容都在这篇文章里（长文值得收藏）

最近因为一些网页的需要，需要比较深入的使用了CSS 的「伪元素」( Pseudo Element )，发现原来不只是用用before或after 而已，可以玩的东西还真是不少，所以就来篇文章，把这些比较不常玩的用法归纳整理下，希望对你的日常工作有所帮助。

03

移动端网页布局适配rem方案小结

意思就是根据网页的根元素来设置字体大小，和em（font size of the element）的区别是，em是根据其父元素的字体大小来设置，而rem是根据网页的跟元素（html）来设置字体大小的，举一个简单的例子，

04

实现拼图滑动验证码

拼图滑动验证码的纯前端简单实现，重要部分都已标注注释，如果需要配合后端可以参考此思路，后端处理图片生成一个带缺口的背景图与一个符合缺口的拼图，并将取得拼图块的位置记录到SESSION，将图片与拼图传给前端展示，当用户拖动并松开鼠标后将鼠标轨迹与停留位置发送到后端，后端从SESSION中取得位置信息并与前端传递的位置进行对比，有需要的话可以分析此用户轨迹用以区分人机，如果位置偏差小于一定阈值则认为拼图成功。

01

jQuery

jQuery基础 1、 jQuery其实就是一个类库，集成了DOM/BOM/JavaScript的类库 http://jquery.cuishifeng.cn/这个网站里有所有的jQuery

05

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭