Javascript 如何获取div元素中的文本_Javascript_Jquery_Html_Css

Javascript 如何获取div元素中的文本

javascript jquery html css

Javascript 如何获取div元素中的文本,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我尝试使用循环来显示字母的水平条。我已经用26个div元素的列表进行了硬编码，每个元素都有不同的id和文本，但是在这种情况下我想使用一个循环。我有点搞不清楚该怎么办。顺便说一下，我在html中使用javascript。整个项目也在使用jQuery。每个字母都必须是可点击的。总而言之，我在做一个刽子手的游戏 <div id="letters"> for(x = 0; x<26; x++){ <div class="letter" id=x>(text fo

我尝试使用循环来显示字母的水平条。我已经用26个div元素的列表进行了硬编码，每个元素都有不同的id和文本，但是在这种情况下我想使用一个循环。我有点搞不清楚该怎么办。顺便说一下，我在html中使用javascript。整个项目也在使用jQuery。每个字母都必须是可点击的。总而言之，我在做一个刽子手的游戏

<div id="letters">
  for(x = 0; x<26; x++){
    <div class="letter" id=x>(text for each letter)?????</div>
  }
</div>


对于（x=0；x您需要使用Javascript函数在这里使用循环。
请检查以下示例：
<!DOCTYPE html>
<html>
<body>

<p>Click the button to loop from 1 to 6, to make HTML headings.</p>
<button onclick="myFunction()">Try it</button>
<div id="demo"></div>

<script>
function myFunction() {
var x ="", i;
for (i=1; i<=6; i++) {
    x = x + "<h" + i + ">Heading " + i + "</h" + i + ">";
}
  document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>


单击按钮从1循环到6，以生成HTML标题
试试看
函数myFunction（）{
var x=”，i；
对于（i=1；i让我们假设我们有一个带有id字母的div，我们想要填充它
var $holder = $('#alphabet');

var alphabet = 'abcdefghijklmnopqrstuwxyzABCDEFGHIJKLMNOPQRSTUWXYZ';
for (var i = 0; i < alphabet.length; i++) {

   var letter = alphabet[i];
   $holder.append('<div id="'+ letter +'">'+ letter +'</div>');
}

var$holder=$（“#字母表”）；
变量字母表='abcdefghijklmnopqrstuwxyzABCDEFGHIJKLMNOPQRSTUWXYZ'；
对于（变量i=0；i

例如：
可点击按钮：
类似的方法可能会奏效
<div id="letters"></div>
<script>
var x;
var alphabet = [a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z];
for(x = 0; x<26; x++) {
    var temp = document.createElement("div");
    temp.innerHtml = "<a href='something'>" + alphabet[x] + "</a>";
    document.querySelector('#letters').appendChild(temp);
}
</script>


var x；
变量字母表=[a，b，c，d，e，f，g，h，i，j，k，l，m，n，o，p，q，r，s，t，u，v，w，x，y，z]；
对于（x=0；x如果希望每个字母都可以作为按钮单击，那么应该将它们创建为按钮元素，而不是div元素
下面是一个javascript示例，它为以“a”开头的每个字母创建一个按钮元素
每个按钮元素都添加了一个类letter button
，该类允许您使用CSS以相同的方式格式化所有按钮

let lettersDiv=document.getElementById（“字母”）；
设AletterAsciCode=“A”.charCodeAt（0）；//表示“A”的ascii字符代码。十进制值为65
for（i=0；i使其成为一种形式，因为它是一种刽子手游戏。使用createElement（）
和appendChild（）
方法和for
循环。我还添加了使用addEventListener（）
方法收集拾取的字母的功能。详细信息在代码段中进行了注释
片段

函数alphaPanel（）{
//参考
var gallows=document.forms[0]；
//创建一个
var set=document.createElement（'fieldset'）；
//制作一个26个字符串的数组
var alphaArray=['A'，B'，C'，D'，E'，F'，G'，H'，I'，J'，K'，L'，M'，N'，O'，P'，Q'，R'，S'，T'，U'，V'，W'，X'，Y'，Z']；
/*从0开始；
||对于每个循环。。。
||…创建一个。。。
||…创建一个。。。
||…制作一个[复选框]类型。。。
||…将i的值指定为alphaArray中的索引值。
||…将值为i的文本添加到alphArray中。
||…附加到。。。
||…附加到。。。
||…继续循环25次
||…第26个循环完成后。。。
||…附加到
*/
for（设i=0；i<26；i++）{
var label=document.createElement（'label'）；
var check=document.createElement（'input'）；
check.setAttribute（'type'，'checkbox'）；
check.value=字母数组[i]；
label.textContent=字母数组[i]；
标签。追加子项（检查）；
set.appendChild（标签）；
}
绞刑架、儿童（套）；
}
//一个空数组来存储玩家的选择
var=[]；
//调用alphaData（）时发生更改事件
绞刑架。添加事件列表（“更改”，字母数据，错误）；
/*如果节点不是。。。
||…事件链上的当前节点。。。
||…然后是单击的节点。
||存储该节点的值，然后。。。
||…将其添加到拾取的数组中。
*/
函数alphaData（事件）{
if（event.target！==event.currentTarget）{
var target=event.target；
var pick=目标值；
拾取。推（拾取）；
}
console.log（'Player has picked:'+picked.toString（））；
}
//调用alphaPanel（）
alphaPanel（）；
input[type='checkbox']{
宽度：3cm；
身高：3ex；
}
标签{
边框：1px纯灰；
填充：3倍；
线高：1.6；
}
我不确定你在做什么。你在HTML中使用的循环语言是什么。我们可以获得更多的上下文吗？我编辑了帖子“顺便说一下，我在HTML中使用javascript”…你是从哪里想到可以这样做的？但是如果我需要每个字母都可以点击怎么办？charCodeAt
返回一个UTF-16码点，一个或两个用于Unicode码点。通过许多步骤、假设和限制，你可以解释它也是ASCII码的情况。但是，你必须再次反转才能传递它从CharCode到。