从html文本中获取数字，但它们显示为正方形。
这个问题涉及到前端开发和文本处理。在HTML中，数字通常以文本形式呈现，而要从文本中获取数字并显示为正方形，可以通过以下步骤实现：
- 使用前端开发技术解析HTML文本：可以使用JavaScript中的DOM操作方法，如getElementById、getElementsByTagName等，来获取HTML文本中的特定元素或标签。
- 提取文本中的数字：通过正则表达式或字符串处理方法，从获取到的HTML元素中提取数字。例如，可以使用正则表达式
/\d+/g来匹配文本中的数字。 - 将数字显示为正方形：使用CSS样式来设置数字的显示效果。可以通过设置元素的宽度和高度相等，并添加一些额外的样式属性，如边框、背景色等，来实现正方形的显示效果。
以下是一个示例代码，演示如何从HTML文本中获取数字并显示为正方形：
<!DOCTYPE html>
<html>
<head>
<style>
.square {
width: 50px;
height: 50px;
border: 1px solid black;
background-color: #ccc;
text-align: center;
line-height: 50px;
}
</style>
</head>
<body>
<div id="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 1234567890
</div>
<script>
var content = document.getElementById('content').innerText;
var numbers = content.match(/\d+/g);
for (var i = 0; i < numbers.length; i++) {
var square = document.createElement('div');
square.className = 'square';
square.innerText = numbers[i];
document.body.appendChild(square);
}
</script>
</body>
</html>在上述示例中，我们首先通过getElementById方法获取id为"content"的元素，然后使用innerText属性获取该元素的文本内容。接着，使用正则表达式/\d+/g匹配文本中的数字，并将其存储在数组numbers中。
接下来，使用循环遍历numbers数组，创建一个新的div元素，并为其添加名为"square"的CSS类。然后，将提取到的数字赋值给该div元素的innerText属性，并将其添加到文档的body元素中。
这样，就可以将从HTML文本中提取的数字显示为正方形了。
对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，我无法提供相关链接。但腾讯云作为一家知名的云计算服务提供商，提供了丰富的云计算解决方案和产品，可以通过搜索引擎查询腾讯云的相关产品和文档。
相关·内容
4回答
在Javascript中从具有相同类的多个元素中提取数字
javascript、regex、numbers、extract
在我的页面中，同一个类有不同的元素。所有这些元素都包含文本和数字。我需要从所有元素中提取所有数字。
例如，我有以下元素：
<div class="myelement">bla bla bla 123</div>
<div class="myelement">bla bla bla 456</div>
<div class="myelement">bla bla bla 789</div>
..and I需要分别提取123,456,789。你能帮帮我吗？
提前感谢您的帮
浏览 1提问于2016-09-08得票数 0
1回答
计算数组中所有随机数的出现次数
javascript、arrays、find-occurrences
我写这段代码是为了使用普通的JavaScript显示两个值之间的随机数表，我使用一个数组来存储随机值，然后我使用tales在页面上显示它们。我想要计算这个表中每个数字出现的次数，并显示这个数字。我尝试使用for循环，但它不起作用。有人能帮上忙吗？
//Variables Exercice 3
var dim = document.getElementById("dimensions");
var min = document.getElementById("min");
var max = document.getElementById("max&#
浏览 5提问于2021-06-09得票数 0
1回答
如何从AngularJS站点中使用importxml提取价格？
google-sheets、importxml、regexextract
我需要从这个网站提取价格使用谷歌电子表格上的importXML。
这是一个产品https://en-sa.wadi.com/apple-iphone-6s-16-gb-4g-rose-gold-with-facetime-61616.html
问题是他们使用的是AngularJS，所以典型的方法不起作用。
这是我之前用过的，但现在已经用不上了。
=REGEXEXTRACT(REGEXREPLACE(ImportXML("https://en-sa.wadi.com/sony-xperia-z3-16-gb-4g-lte-black-dual-sim-355.html",
浏览 0提问于2016-03-01得票数 2
1回答
使用CSS复制挪威国旗
css
因此，在这里，我试图从我的代码中获得一些评论，在这里，我必须使用flexbox复制挪威国旗。
首先要成为赛义德，我的老师让我把国旗分成两部分，我不得不在每个地方插入四个正方形中的两个，但我忽略了这一点，因为通过align-content: space-between;这样的声明，我可以将四个方块直接发送到角落，并使用边距来调整它们，这就是为什么我刚刚创建了4个容器(白色方块)和相应的项目(红色方块)。
在我展示代码之前，我想告诉大家，处理元素的大小对我来说太难了，首先尝试使用flex-basis: ;和flex-grow: ;自动给方块大小，但这对我不起作用，所以我必须使用width: ;和h
浏览 0提问于2021-02-09得票数 4
回答已采纳
1回答
当双击另一个元素时，如何用id号删除元素？
javascript、css、dom
没有html可以用于此。我被困在这上面了。
当双击正方形时，应发生以下情况：
如果id of square 是偶数-单击平方后的方格应从页面中删除。如果在单击的正方形后没有方格，则显示一个指示此值的警报。
如果正方形的id是奇数-单击的正方形之前的方格，则应从页面中删除。如果在单击的正方形之前没有正方形，则显示一个指示此值的警报。
这是我的Javascript：
document.addEventListener("DOMContentLoaded", function () {
let button = document.createElement
浏览 2提问于2020-01-24得票数 1
回答已采纳
2回答
将div粘贴到另一个div的边框上，以便它们在调整大小时保持在一起
html、css、bootstrap-4、flexbox
如何将一个Square粘贴到另一个div的边框中间？我尝试过以下方法： .cont {
position: relative;
background-color: blue;
}
.square {
position: absolute;
height: 50px;
width: 50px;
border-radius: 0%;
background-color: yellow;
left: -5%;
top: 25%;
}
.logoOnTheRight {
max-height: 100px;
max-width: 100px;
}
浏览 34提问于2020-04-28得票数 0
回答已采纳
1回答
如何在浏览器Javascript上完成另一个函数之后才执行一个函数？
javascript、html、css
我想要创建一个网络应用国际象棋游戏，所以每一件将有一个事件侦听器等待直到玩家点击它。当玩家点击一块棋子(现在我只使用棋子)，它的id将被保存和打印出来，只有在此之后，所有的方块都应该等待点击(我没有使用有效的方块，可以是任何正方形)；如果一个方块被点击，它的id应该保存和打印出来。
但是在控制台上，当我单击一个典当时，它的id被打印了两次，一次用于普通打印，另一次用于正方形打印(因此它使用了square的打印)。所以，这个程序不是等待调用在单击该块后打印该正方形id的函数，而是在正方形id的位置上打印这个片段id。因此，我认为程序不会等到第一个函数完成之后：
//Each div(squa
浏览 0提问于2021-05-14得票数 2
回答已采纳
3回答
JS:从没有jQuery的字符串中提取文本
javascript、html、string、text
我有这个字符串：
var string = '<article><img alt="Ice-cream" src=http://placehold.it/300x300g"><div style="float: right; width: 50px;"><p>Lorem Ipsum </p></div></article>';
我试着从其中提取文本如下：
var $str = $(string).text();
console.log($str)
但由于我
浏览 5提问于2013-07-22得票数 5
回答已采纳
1回答
如何从这个类元素中获取数字？
javascript
计时器从40到0，脚本应该等待到只有100毫秒，然后按下一个按钮。
我怎样才能得到这个数字，使x= 14.22 *1000-100？
我知道我需要删除te字母但怎么删除？
请只使用javacript，没有jquery！
var evt = document.createEvent("MouseEvents");
var run = document.getElementByClassName("button1");
setInterval(function() {
var time = document.getElementByClassName(&#
浏览 0提问于2018-03-23得票数 2
回答已采纳
1回答
如何使用onclick事件处理程序在html上显示图像中的文本
html、image、onclick、eventhandler
<!DOCTYPE html>
<html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Squares</title>
<script type="text/javascript">
function SayColor(color) {
document.getEle
浏览 7提问于2020-04-23得票数 0
回答已采纳
2回答
在javascript中添加正方形
javascript、html
我想在JavaScript中创建一个正方形。我用正方形做了一个CSS类。我想创建一个类似于<div class="square></div>的东西，这样当我单击按钮时就会显示正方形。我尝试过使用createElement并将语句作为innerHTML传递。然而，这似乎并不管用。有人能帮我指出我遗漏了什么吗？我正在尝试使用用户输入的数字创建一个正方形矩阵
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<hea
浏览 0提问于2013-01-10得票数 1
2回答
HTML中的Tic Tac Toe板
javascript、html、css、tic-tac-toe
我想问一个相当简单的问题:如何使用HTML5和CSS3编写Tic Tac Toe表？下面是我运行的代码：
HTML
<!DOCTYPE html>
<html>
<head>
<title> Tic Tac Toe</title>
<link rel="stylesheet" type="text/css" href="Tic Tac Toe.css" media="screen"/>
<script type
浏览 11提问于2021-01-31得票数 0
2回答
如何将html中的文本内容更改为Javascript中随机生成的值？
javascript、html、css
我在为一个小项目编码时遇到了一个问题。基本上，我正在尝试制作一个翻转框，当用户点击时，它将显示他是否是数组中提到的任何超级英雄。请看一下这支代码笔，了解一下：。
当我使用alert()时，代码工作得很好，正如您在代码笔中所看到的那样。每次单击一个正方形时，它都会随机化。但我希望在单击和翻转后显示结果。我的意思是，不是“后退”，而是超级英雄的随机名字。我已经尝试过.textContent和.innerHTML来更改它，但似乎不起作用，这是我尝试过的代码：
Javascript：
function setupSquares() {
for(var i = 0; i < frontSq
浏览 13提问于2019-07-26得票数 0
回答已采纳
3回答
获取div的值，并解析为interger进行计算。
javascript、jquery、parsing
我有一个javascript函数，可以做一些计算。在函数的末尾，它将值存储在
$('#n3').html(n3);
$('#n4').html(n4);
$('#n5').html(n5);
$('#n6').html(n6);
$('#n7').html(n7);
然后我在这样的div中显示它们
<div id="n3"></div>
<div id="n4"></div>
<div id="n5"><
浏览 5提问于2015-05-04得票数 0
回答已采纳
1回答
没有页面结构的BeautifulSoup获取数据
python、html、beautifulsoup
以下是网页：
<html>
<head>
<!--eBay V3- msxml 6.0 XXXXXXXXXXXXXXXXXXXXXXXXXX-->
<!--srcId - File Exchange Programmatically Upload-->
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<title>Upload File Programmatically</title><
浏览 2提问于2014-08-27得票数 1
回答已采纳
2回答
有没有任何方法来检查文本是否在html标记中？
javascript、html、tags
假设我需要从特定的html标记中提取所有文本：
HTML：
<div id="container">
<div id="subject">
<span><a></a></span>
</div>
</div>
var subject = document.getElementById('subject').innerHTML;
console.log(subject); // <span><a></a><
浏览 1提问于2018-12-15得票数 0
回答已采纳
3回答
如何通过javascript的正则表达式获取元素内部文本中的数字
javascript、html、regex
我想通过javascript regex在html的内部文本中获取数字来替换它们。
例如，在下面的代码中，我想要获取1,2,3,4,5,6,1,2,3,1,2,3，而不是div标签中的444。
<body>
aaaa123aaa456
<div style="background: #444">aaaa123aaaa</div>
aaaa123aaa
</body>
正则表达式可能是什么？
浏览 0提问于2013-02-20得票数 0
回答已采纳
1回答
当我在调试器中停止Jquery函数时，Jquery函数可以工作，但在其他情况下不起作用。
javascript、jquery、html
这是一个在JavaScript中使用jQuery的tic战术脚趾游戏。我可以将“调试器”放在winCondition函数之后，并在控制台(".top")中获得"winCondition“的适当值，但无法使该函数正常工作。如果没有“调试器”，它将返回控制台中的空集("[]")。
jQuery：
$(document).ready(function () {
var move = "X",
movestate = true,
winCondition = [
[".top
浏览 1提问于2013-12-25得票数 1
1回答
计算产品的每份服务价格
jquery、regex、price
嗨，我正在尝试创建一个计算，以获得基于产品价格的每一次服务的价格，这是以欧元的价格，并以逗号分隔，以及括号中的您可以从它获得的服务数量。 因此，我们的想法是得到价格，然后将价格除以服务的数量，即: 49,90 / 14 = 3.56 下面是我的代码。请注意，我不能移动任何代码，这是它是如何在网站上显示。 在这方面的任何帮助都将不胜感激。 function getDiscount() {
var pattern = /[^0-9\.]/g;
var pattern2 = (/\(*(\d+.\d+)\)/)[0];
var price = parseFloat($(".
浏览 21提问于2020-10-05得票数 0
回答已采纳
3回答
jQuery -更改循环的背景色
javascript、jquery、html
现在我在html文件中有6个正方形。
<div id="container">
<div class="square"> </div>
<div class="square"> </div>
<div class="square"> </div>
<div class="square"> </div>
<div class="square">
浏览 0提问于2018-04-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
